Update src/app/page.tsx

This commit is contained in:
2026-05-08 22:04:52 +00:00
parent 0fff7fc091
commit eca6044f9e

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout'; import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Users } from "lucide-react"; import { Award, Users, Leaf, TreeDeciduous, Shovel, Flower2, Droplets, Zap, CheckCircle2 } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Portfolio", name: "Portfolio", id: "portfolio"},
id: "portfolio",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Wayne & Sons" brandName="Wayne & Sons"
/> />
@@ -60,38 +50,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Creating Your Perfect Outdoor Oasis" title="Creating Your Perfect Outdoor Oasis"
description="Wayne & Sons Landscaping delivers premium design, installation, and maintenance services for your home." description="Wayne & Sons Landscaping delivers premium design, installation, and maintenance services for your home."
tag="Expert Landscaping" tag="Expert Landscaping"
buttons={[ buttons={[
{ {
text: "Book Consultation", text: "Book Consultation", href: "#contact"},
href: "#contact",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k&_wi=1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k", imageAlt: "Luxury Landscaping"},
imageAlt: "Luxury Landscaping",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnei5h", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnei5h", imageAlt: "Professional Gardening"}
imageAlt: "Professional Gardening",
},
{
imageSrc: "asset://hero-3",
imageAlt: "Manicured Lawn",
},
{
imageSrc: "asset://hero-4",
imageAlt: "Garden Design",
},
{
imageSrc: "asset://hero-5",
imageAlt: "Outdoor Space",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -108,19 +79,13 @@ export default function LandingPage() {
tag="Our Story" tag="Our Story"
bulletPoints={[ bulletPoints={[
{ {
title: "Expert Team", title: "Expert Team", description: "Professional horticulturists and designers."},
description: "Professional horticulturists and designers.",
},
{ {
title: "Sustainable Practices", title: "Sustainable Practices", description: "Eco-friendly landscaping solutions."},
description: "Eco-friendly landscaping solutions.",
},
{ {
title: "Quality Guaranteed", title: "Quality Guaranteed", description: "We stand by every project we finish."},
description: "We stand by every project we finish.",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o&_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -132,70 +97,52 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Hardscaping & Patios", title: "Hardscaping & Patios", description: "Durable stone work and beautiful patios.", media: {
description: "Durable stone work and beautiful patios.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cqfsd", imageAlt: "Stone Pathways"},
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8cqfsd",
imageAlt: "Stone Pathways",
},
items: [ items: [
{ {
text: "Stone Patios", icon: Shovel,
}, text: "Stone Patios"},
{ {
text: "Retaining Walls", icon: TreeDeciduous,
}, text: "Retaining Walls"},
{ {
text: "Walkways", icon: Leaf,
}, text: "Walkways"},
], ],
reverse: false, reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ycog8k&_wi=2",
imageAlt: "hardscape stone pathway design",
}, },
{ {
title: "Garden & Turf Care", title: "Garden & Turf Care", description: "Maintenance that keeps your landscape green.", media: {
description: "Maintenance that keeps your landscape green.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gycj6r", imageAlt: "Lawn Care"},
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gycj6r",
imageAlt: "Lawn Care",
},
items: [ items: [
{ {
text: "Lawn Mowing", icon: Flower2,
}, text: "Lawn Mowing"},
{ {
text: "Irrigation", icon: Droplets,
}, text: "Irrigation"},
{ {
text: "Fertilizing", icon: CheckCircle2,
}, text: "Fertilizing"},
], ],
reverse: true, reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dn5x9o&_wi=2",
imageAlt: "hardscape stone pathway design",
}, },
{ {
title: "Planting & Design", title: "Planting & Design", description: "Creating vibrant flower beds and healthy trees.", media: {
description: "Creating vibrant flower beds and healthy trees.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sfunbp", imageAlt: "Planting Services"},
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sfunbp",
imageAlt: "Planting Services",
},
items: [ items: [
{ {
text: "Flower Beds", icon: Leaf,
}, text: "Flower Beds"},
{ {
text: "Tree Planting", icon: TreeDeciduous,
}, text: "Tree Planting"},
{ {
text: "Mulching", icon: Zap,
}, text: "Mulching"},
], ],
reverse: false, reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy&_wi=1",
imageAlt: "hardscape stone pathway design",
}, },
]} ]}
title="Our Professional Services" title="Our Professional Services"
@@ -211,41 +158,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Backyard Paradise", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy"},
name: "Backyard Paradise",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pn8gwy&_wi=2",
},
{ {
id: "p2", id: "p2", name: "Modern Pathway", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3axot0"},
name: "Modern Pathway",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3axot0",
},
{ {
id: "p3", id: "p3", name: "Floral Garden Bed", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yn40r9"},
name: "Floral Garden Bed",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yn40r9",
},
{ {
id: "p4", id: "p4", name: "Landscape Lighting", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bzu9wf"},
name: "Landscape Lighting",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bzu9wf",
},
{ {
id: "p5", id: "p5", name: "Pristine Lawn Care", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po66eu"},
name: "Pristine Lawn Care",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=po66eu",
},
{ {
id: "p6", id: "p6", name: "Patio Seating Area", price: "Custom Quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xz143"},
name: "Patio Seating Area",
price: "Custom Quote",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3xz143",
},
]} ]}
title="Recent Projects" title="Recent Projects"
description="Explore our portfolio of transformed landscapes across the local region." description="Explore our portfolio of transformed landscapes across the local region."
@@ -259,59 +182,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", role: "Homeowner", company: "Local Area", rating: 5,
name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx1lkr"},
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bx1lkr",
},
{ {
id: "2", id: "2", name: "Mark R.", role: "Developer", company: "Local Area", rating: 5,
name: "Mark R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4zmip"},
role: "Developer",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r4zmip",
},
{ {
id: "3", id: "3", name: "Elena D.", role: "Homeowner", company: "Local Area", rating: 5,
name: "Elena D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1fel8"},
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g1fel8",
},
{ {
id: "4", id: "4", name: "David W.", role: "Architect", company: "Local Area", rating: 5,
name: "David W.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qa4t"},
role: "Architect",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f3qa4t",
},
{ {
id: "5", id: "5", name: "Linda M.", role: "Homeowner", company: "Local Area", rating: 5,
name: "Linda M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx629o"},
role: "Homeowner",
company: "Local Area",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jx629o",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "1.2k+", value: "1.2k+", label: "Projects Completed"},
label: "Projects Completed",
},
{ {
value: "98%", value: "98%", label: "Client Satisfaction"},
label: "Client Satisfaction",
},
{ {
value: "35+", value: "35+", label: "Years Experience"},
label: "Years Experience",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear from our happy neighbors about the work we've done." description="Hear from our happy neighbors about the work we've done."
@@ -326,25 +218,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "38", title: "Years Active", description: "Dedicated service history.", icon: Award,
value: "38",
title: "Years Active",
description: "Dedicated service history.",
icon: Award,
}, },
{ {
id: "m2", id: "m2", value: "450+", title: "Active Clients", description: "Consistent maintenance.", icon: Users,
value: "450+",
title: "Active Clients",
description: "Consistent maintenance.",
icon: Users,
}, },
{ {
id: "m3", id: "m3", value: "12", title: "Team Members", description: "Expert landscape crew.", icon: Users,
value: "12",
title: "Team Members",
description: "Expert landscape crew.",
icon: Users,
}, },
]} ]}
title="Our Impact in Numbers" title="Our Impact in Numbers"
@@ -358,20 +238,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Do you offer quotes?", content: "Yes, all consultations start with a free site assessment."},
title: "Do you offer quotes?",
content: "Yes, all consultations start with a free site assessment.",
},
{ {
id: "q2", id: "q2", title: "Is maintenance included?", content: "We offer separate recurring maintenance plans."},
title: "Is maintenance included?",
content: "We offer separate recurring maintenance plans.",
},
{ {
id: "q3", id: "q3", title: "Do you work on weekends?", content: "Standard services run Mon-Fri, with emergencies on weekends."},
title: "Do you work on weekends?",
content: "Standard services run Mon-Fri, with emergencies on weekends.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Answers to the most common queries about our landscaping services." description="Answers to the most common queries about our landscaping services."
@@ -383,8 +254,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get In Touch" tag="Get In Touch"
title="Start Your Dream Landscape" title="Start Your Dream Landscape"
description="Ready for a transformation? Reach out today to get your free consultation booked." description="Ready for a transformation? Reach out today to get your free consultation booked."
@@ -400,29 +270,19 @@ export default function LandingPage() {
logoText="Wayne & Sons" logoText="Wayne & Sons"
columns={[ columns={[
{ {
title: "Navigation", title: "Navigation", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}