Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 00:37:57 +00:00

View File

@@ -18,292 +18,145 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Why Us",
id: "features",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Sunshine Landscaping Solutions"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Why Us", id: "features" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Sunshine Landscaping Solutions"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Create the Outdoor Space Youll Love Coming Home To"
description="Premium landscaping, turf, decking, paving and full-yard transformations across Melbournes West."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Our Work",
href: "#services",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 500+ happy Melbourne families"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Create the Outdoor Space Youll Love Coming Home To"
description="Premium landscaping, turf, decking, paving and full-yard transformations across Melbournes West."
buttons={[
{ text: "Get a Free Quote", href: "#contact" },
{ text: "View Our Work", href: "#services" },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 500+ happy Melbourne families"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Premium Workmanship",
description: "High-quality materials, precise installation, and beautiful finishes.",
icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call-with-her-husband-their-daughter-outdoors_23-2149120907.jpg?_wi=2",
imageAlt: "luxury landscaping modern garden",
},
{
title: "Punctual Service",
description: "Fast turnaround and reliable teams; we show up when we say we will.",
icon: Clock,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=3",
imageAlt: "premium landscape workmanship detail",
},
{
title: "Transparent Pricing",
description: "Fair and honest quotes with no hidden surprises or stress.",
icon: ShieldCheck,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=5",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=3",
imageAlt: "fast reliable landscape service",
},
]}
title="Why Choose Us"
description="Honest. Skilled. Reliable. Loved by Locals."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why Choose Us"
description="Honest. Skilled. Reliable. Loved by Locals."
features={[
{
title: "Premium Workmanship", description: "High-quality materials, precise installation, and beautiful finishes.", icon: CheckCircle,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" }
]
},
{
title: "Punctual Service", description: "Fast turnaround and reliable teams; we show up when we say we will.", icon: Clock,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" }
]
},
{
title: "Transparent Pricing", description: "Fair and honest quotes with no hidden surprises or stress.", icon: ShieldCheck,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" }
]
}
]}
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Artificial Turf",
price: "Custom",
variant: "Installation",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=6",
},
{
id: "s2",
name: "Natural Turf",
price: "Custom",
variant: "Premium Sir Walter",
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=4",
},
{
id: "s3",
name: "Decking",
price: "Custom",
variant: "Timber/Composite",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=7",
},
{
id: "s4",
name: "Paving",
price: "Custom",
variant: "Pathways/Walkways",
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=5",
},
{
id: "s5",
name: "Fencing",
price: "Custom",
variant: "Steel/Timber",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg?_wi=8",
},
{
id: "s6",
name: "Yard Makeovers",
price: "Custom",
variant: "Full Transformations",
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg?_wi=6",
},
]}
title="Complete Landscaping Solutions"
description="Transform your outdoor space with custom design and expert craftsmanship."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "s1", name: "Artificial Turf", price: "Custom", variant: "Installation", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
{ id: "s2", name: "Natural Turf", price: "Custom", variant: "Premium Sir Walter", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
{ id: "s3", name: "Decking", price: "Custom", variant: "Timber/Composite", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
{ id: "s4", name: "Paving", price: "Custom", variant: "Pathways/Walkways", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
{ id: "s5", name: "Fencing", price: "Custom", variant: "Steel/Timber", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-gardener-growing-evergreen-plants-grey-haired-man-eyeglasses-wearing-blue-shirt-apron-caring-small-thujas-greenhouse-commercial-gardening-activity-summer-concept_74855-12740.jpg" },
{ id: "s6", name: "Yard Makeovers", price: "Custom", variant: "Full Transformations", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
]}
title="Complete Landscaping Solutions"
description="Transform your outdoor space with custom design and expert craftsmanship."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Zohair A.",
date: "2023",
title: "Front & Backyard",
quote: "Amazing work — punctual, professional and friendly.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=1",
},
{
id: "2",
name: "Ragini K.",
date: "2023",
title: "Backyard",
quote: "Quick, reliable and high-quality. Stress-free.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=2",
},
{
id: "3",
name: "HSGman200",
date: "2023",
title: "Custom Project",
quote: "Honest, flexible and helpful. Highly recommended.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=3",
},
{
id: "4",
name: "Rohit S.",
date: "2023",
title: "Turf & Decking",
quote: "Everything was done perfectly. Our home is complete.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=4",
},
{
id: "5",
name: "Jane D.",
date: "2024",
title: "Garden Redesign",
quote: "Incredible attention to detail, transformed our lives.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg?_wi=5",
},
]}
title="Loved by Homeowners"
description="See why Melbourne residents trust our team."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Zohair A.", date: "2023", title: "Front & Backyard", quote: "Amazing work — punctual, professional and friendly.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
{ id: "2", name: "Ragini K.", date: "2023", title: "Backyard", quote: "Quick, reliable and high-quality. Stress-free.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
{ id: "3", name: "HSGman200", date: "2023", title: "Custom Project", quote: "Honest, flexible and helpful. Highly recommended.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
{ id: "4", name: "Rohit S.", date: "2023", title: "Turf & Decking", quote: "Everything was done perfectly. Our home is complete.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
{ id: "5", name: "Jane D.", date: "2024", title: "Garden Redesign", quote: "Incredible attention to detail, transformed our lives.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
]}
title="Loved by Homeowners"
description="See why Melbourne residents trust our team."
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Your Local Landscaping Specialists"
description={[
"Sunshine Landscaping Solutions was built on a simple promise: deliver high-quality landscaping at fair prices with honesty, punctuality and pride.",
"Our team brings years of hands-on experience across turfing, decking, fencing, paving and garden construction. We treat every property as if it were our own.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={false}
title="Your Local Landscaping Specialists"
description={[
"Sunshine Landscaping Solutions was built on a simple promise: deliver high-quality landscaping at fair prices with honesty, punctuality and pride.", "Our team brings years of hands-on experience across turfing, decking, fencing, paving and garden construction. We treat every property as if it were our own."]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Let's Get Started"
title="Start Your Transformation Today"
description="Tell us about your project and well get back to you promptly with a personalised quote."
buttons={[
{
text: "Get My Free Quote",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Let's Get Started"
title="Start Your Transformation Today"
description="Tell us about your project and well get back to you promptly with a personalised quote."
buttons={[
{ text: "Get My Free Quote", href: "#" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Sunshine Landscaping Solutions"
leftLink={{
text: "Servicing Melbournes Western Suburbs",
href: "#",
}}
rightLink={{
text: "© 2024 Sunshine Landscaping Solutions",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Sunshine Landscaping Solutions"
leftLink={{ text: "Servicing Melbournes Western Suburbs", href: "#" }}
rightLink={{ text: "© 2024 Sunshine Landscaping Solutions", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);