feat: Implement initial home and contact pages with global styling.

This commit is contained in:
2026-03-11 10:29:36 +01:00
parent 0fbfae29d9
commit 3ef4f6b2ad
3 changed files with 159 additions and 82 deletions

View File

@@ -147,7 +147,7 @@ export default function Home() {
<div
style={{
position: "relative",
height: "240px",
height: "180px",
background: "#f1f3f5",
}}
>
@@ -160,8 +160,8 @@ export default function Home() {
className="cover-image"
/>
</div>
<div style={{ padding: "2rem" }}>
<h3 style={{ marginBottom: "1rem" }}>Masonry Supplies</h3>
<div style={{ padding: "1.25rem" }}>
<h3 style={{ marginBottom: "0.5rem" }}>Masonry Supplies</h3>
<p>
Brick, concrete blocks, mortar, and lintels for structural and
aesthetic projects.
@@ -186,7 +186,7 @@ export default function Home() {
<div
style={{
position: "relative",
height: "240px",
height: "180px",
background: "#f1f3f5",
}}
>
@@ -199,8 +199,8 @@ export default function Home() {
className="cover-image"
/>
</div>
<div style={{ padding: "2rem" }}>
<h3 style={{ marginBottom: "1rem" }}>Natural Stone</h3>
<div style={{ padding: "1.25rem" }}>
<h3 style={{ marginBottom: "0.5rem" }}>Natural Stone</h3>
<p>
Flagstone, limestone, and decorative rock to elevate your
landscape and architecture.
@@ -225,7 +225,7 @@ export default function Home() {
<div
style={{
position: "relative",
height: "240px",
height: "180px",
background: "#f1f3f5",
}}
>
@@ -238,8 +238,8 @@ export default function Home() {
className="cover-image"
/>
</div>
<div style={{ padding: "2rem" }}>
<h3 style={{ marginBottom: "1rem" }}>Tools & Materials</h3>
<div style={{ padding: "1.25rem" }}>
<h3 style={{ marginBottom: "0.5rem" }}>Tools & Materials</h3>
<p>
High-quality masonry tools, expansion joints, and sealers to
get the job done right.