Merge version_2 into main #1
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
name: "Results", id: "results"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
brandName="Botanic Roofing"
|
||||
/>
|
||||
</div>
|
||||
@@ -59,33 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Melbourne’s Premium Roofing & Gutter Specialists"
|
||||
description="Protect your home with expert care, fast service, and flawless results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:1800123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:1800123456"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3kx10",
|
||||
imageAlt: "luxury melbourne suburban home architecture",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h3kx10", imageAlt: "luxury melbourne suburban home architecture"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usjzbc",
|
||||
imageAlt: "luxury melbourne suburban home architecture",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=usjzbc", imageAlt: "luxury melbourne suburban home architecture"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0s4rzp",
|
||||
imageAlt: "luxury melbourne suburban home architecture",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0s4rzp", imageAlt: "luxury melbourne suburban home architecture"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,12 +75,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fully Insured",
|
||||
"5-Star Rated",
|
||||
"Same-Day Service",
|
||||
"Licensed Pros",
|
||||
"Eco-Friendly",
|
||||
]}
|
||||
"Fully Insured", "5-Star Rated", "Same-Day Service", "Licensed Pros", "Eco-Friendly"]}
|
||||
title="Trusted by Melbourne Homeowners"
|
||||
description="100+ roofs restored with 5-star customer satisfaction."
|
||||
/>
|
||||
@@ -113,35 +87,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Cleaning",
|
||||
description: "Restore your roof to like-new condition.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh9vig",
|
||||
imageAlt: "roof cleaning professional equipment",
|
||||
},
|
||||
title: "Roof Cleaning", description: "Restore your roof to like-new condition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jh9vig", imageAlt: "roof cleaning professional equipment"},
|
||||
{
|
||||
title: "Gutter Cleaning",
|
||||
description: "Prevent costly water damage before it starts.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imdkb5",
|
||||
imageAlt: "roof cleaning professional equipment",
|
||||
},
|
||||
title: "Gutter Cleaning", description: "Prevent costly water damage before it starts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imdkb5", imageAlt: "roof cleaning professional equipment"},
|
||||
{
|
||||
title: "Roof Repairs",
|
||||
description: "Fast leak detection and long-term fixes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3p9glr",
|
||||
imageAlt: "roof cleaning professional equipment",
|
||||
},
|
||||
title: "Roof Repairs", description: "Fast leak detection and long-term fixes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3p9glr", imageAlt: "roof cleaning professional equipment"},
|
||||
{
|
||||
title: "Roof Restoration",
|
||||
description: "Complete transformation and protection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uq2wna",
|
||||
imageAlt: "roof cleaning professional equipment",
|
||||
},
|
||||
title: "Roof Restoration", description: "Complete transformation and protection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uq2wna", imageAlt: "roof cleaning professional equipment"},
|
||||
{
|
||||
title: "Gutter Guards",
|
||||
description: "Stop blockages permanently.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f0i85",
|
||||
imageAlt: "roof cleaning professional equipment",
|
||||
},
|
||||
title: "Gutter Guards", description: "Stop blockages permanently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4f0i85", imageAlt: "roof cleaning professional equipment"},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="Comprehensive roof care designed for lasting protection."
|
||||
@@ -156,40 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Moss Removal",
|
||||
price: "Restored",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7yv6m0",
|
||||
imageAlt: "dirty vs clean roof split image",
|
||||
},
|
||||
id: "r1", name: "Moss Removal", price: "Starting from $299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7yv6m0", imageAlt: "dirty vs clean roof split image"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Gutter Clear",
|
||||
price: "Flowing",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ipi27f",
|
||||
imageAlt: "dirty vs clean roof split image",
|
||||
},
|
||||
id: "r2", name: "Gutter Clear", price: "Starting from $199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ipi27f", imageAlt: "dirty vs clean roof split image"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Tile Polish",
|
||||
price: "Polished",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9wtj8a",
|
||||
imageAlt: "dirty vs clean roof split image",
|
||||
},
|
||||
id: "r3", name: "Tile Polish", price: "Starting from $399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9wtj8a", imageAlt: "dirty vs clean roof split image"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Shingle Repair",
|
||||
price: "Fixed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgm8e3",
|
||||
imageAlt: "dirty vs clean roof split image",
|
||||
},
|
||||
id: "r4", name: "Shingle Repair", price: "Starting from $250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgm8e3", imageAlt: "dirty vs clean roof split image"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Metal Clean",
|
||||
price: "Clean",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gt00rc",
|
||||
imageAlt: "dirty vs clean roof split image",
|
||||
},
|
||||
id: "r5", name: "Metal Clean", price: "Starting from $249", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gt00rc", imageAlt: "dirty vs clean roof split image"},
|
||||
]}
|
||||
title="Real Results. No Shortcuts."
|
||||
description="From moss-covered roofs to spotless surfaces, we deliver transformation."
|
||||
@@ -204,17 +133,11 @@ export default function LandingPage() {
|
||||
description="We don’t just clean roofs — we protect your investment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fully Licensed & Insured",
|
||||
description: "Peace of mind for every project.",
|
||||
},
|
||||
title: "Fully Licensed & Insured", description: "Peace of mind for every project."},
|
||||
{
|
||||
title: "Fast Response Times",
|
||||
description: "Same-day availability for urgent leaks.",
|
||||
},
|
||||
title: "Fast Response Times", description: "Same-day availability for urgent leaks."},
|
||||
{
|
||||
title: "Eco-Friendly Solutions",
|
||||
description: "Natural care that protects the garden.",
|
||||
},
|
||||
title: "Eco-Friendly Solutions", description: "Natural care that protects the garden."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8osxhi"
|
||||
imageAlt="roof cleaning professional equipment"
|
||||
@@ -230,30 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "a1",
|
||||
value: "Melbourne",
|
||||
description: "Metropolitan central",
|
||||
},
|
||||
id: "a1", value: "Melbourne", description: "Metropolitan central"},
|
||||
{
|
||||
id: "a2",
|
||||
value: "Clyde",
|
||||
description: "Service hub",
|
||||
},
|
||||
id: "a2", value: "Clyde", description: "Service hub"},
|
||||
{
|
||||
id: "a3",
|
||||
value: "Narre Warren",
|
||||
description: "Service hub",
|
||||
},
|
||||
id: "a3", value: "Narre Warren", description: "Service hub"},
|
||||
{
|
||||
id: "a4",
|
||||
value: "Berwick",
|
||||
description: "Regional base",
|
||||
},
|
||||
id: "a4", value: "Berwick", description: "Regional base"},
|
||||
{
|
||||
id: "a5",
|
||||
value: "Pakenham",
|
||||
description: "Extended coverage",
|
||||
},
|
||||
id: "a5", value: "Pakenham", description: "Extended coverage"},
|
||||
]}
|
||||
title="Service Areas"
|
||||
description="Proudly servicing the South East suburbs."
|
||||
@@ -268,45 +176,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Melbourne",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8p64u1",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8p64u1"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
role: "Resident",
|
||||
company: "Clyde",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlmflp",
|
||||
},
|
||||
id: "t2", name: "Michael K.", role: "Resident", company: "Clyde", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlmflp"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "Narre Warren",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1r2jp",
|
||||
},
|
||||
id: "t3", name: "Emily R.", role: "Homeowner", company: "Narre Warren", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y1r2jp"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David M.",
|
||||
role: "Homeowner",
|
||||
company: "Melbourne",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anzrn0",
|
||||
},
|
||||
id: "t4", name: "David M.", role: "Homeowner", company: "Melbourne", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anzrn0"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karen L.",
|
||||
role: "Homeowner",
|
||||
company: "Clyde",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y96uz8",
|
||||
},
|
||||
id: "t5", name: "Karen L.", role: "Homeowner", company: "Clyde", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y96uz8"},
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Read what our customers think about our quality service."
|
||||
@@ -317,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Don't Wait Until Damage Starts"
|
||||
description="Limited same-day bookings available. Get your free quote today."
|
||||
@@ -331,38 +213,25 @@ export default function LandingPage() {
|
||||
logoText="Botanic Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roof Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Roof Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Gutter Guard",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Gutter Guard", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Areas",
|
||||
items: [
|
||||
title: "Areas", items: [
|
||||
{
|
||||
label: "Melbourne",
|
||||
href: "#areas",
|
||||
},
|
||||
label: "Melbourne", href: "#areas"},
|
||||
{
|
||||
label: "Clyde",
|
||||
href: "#areas",
|
||||
},
|
||||
label: "Clyde", href: "#areas"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: 1800 123 456",
|
||||
href: "tel:1800123456",
|
||||
},
|
||||
label: "Call: 1800 123 456", href: "tel:1800123456"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -372,4 +241,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user