Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-27 22:08:42 +00:00

View File

@@ -27,364 +27,148 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Southscape Landscaping"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Southscape Landscaping"
button={{ text: "Consultation", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Elevating Your Outdoor Living Experience"
description="Southscape Landscaping provides bespoke lawn care and landscape design solutions that transform your residential grounds into an oasis of serenity."
testimonials={[
{
name: "David Miller",
handle: "@dmiller",
testimonial: "Exceptional lawn care and creative landscaping. My garden has never looked better.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg",
},
{
name: "Sarah Jenkins",
handle: "@sjenkins",
testimonial: "Southscape team is professional and highly skilled. Highly recommend them.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-looking-potted-plant-greenhouse_23-2147948292.jpg",
},
{
name: "Tom Baker",
handle: "@tbaker",
testimonial: "Transformed our backyard into a masterpiece. Best landscape service in the region.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg",
},
{
name: "Linda Wu",
handle: "@lwu",
testimonial: "Reliable maintenance and stunning design work every single year.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
},
{
name: "Mark Evans",
handle: "@mevans",
testimonial: "Top notch expertise and attention to detail. Our curb appeal skyrocketed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-transplanting-plants_23-2149413499.jpg",
},
]}
buttons={[
{
text: "Get a Consultation",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg"
imageAlt="Luxurious landscaped garden scenery"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2076.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2075.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-basket-looking-green-plants_23-2148068758.jpg",
alt: "Client profile 5",
},
]}
avatarText="Trusted by over 500+ local homeowners"
marqueeItems={[
{
type: "text",
text: "Sustainable Garden Design",
},
{
type: "text",
text: "Expert Lawn Maintenance",
},
{
type: "text",
text: "Custom Hardscaping Solutions",
},
{
type: "text",
text: "Tree & Shrub Care",
},
{
type: "text",
text: "Seasonal Cleanup Packages",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Elevating Your Outdoor Living Experience"
description="Southscape Landscaping provides bespoke lawn care and landscape design solutions that transform your residential grounds into an oasis of serenity."
testimonials={[
{ name: "David Miller", handle: "@dmiller", testimonial: "Exceptional lawn care and creative landscaping. My garden has never looked better.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12315.jpg" },
{ name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Southscape team is professional and highly skilled. Highly recommend them.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-looking-potted-plant-greenhouse_23-2147948292.jpg" },
{ name: "Tom Baker", handle: "@tbaker", testimonial: "Transformed our backyard into a masterpiece. Best landscape service in the region.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315641.jpg" },
{ name: "Linda Wu", handle: "@lwu", testimonial: "Reliable maintenance and stunning design work every single year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg" },
{ name: "Mark Evans", handle: "@mevans", testimonial: "Top notch expertise and attention to detail. Our curb appeal skyrocketed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-transplanting-plants_23-2149413499.jpg" }
]}
buttons={[{ text: "Get a Consultation", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/city-park-with-lake_1127-4101.jpg"
imageAlt="Luxurious landscaped garden scenery"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12292.jpg", alt: "Client profile 1" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2076.jpg", alt: "Client profile 2" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-florist-taking-care-flowers_176420-2075.jpg", alt: "Client profile 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg", alt: "Client profile 4" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-basket-looking-green-plants_23-2148068758.jpg", alt: "Client profile 5" }
]}
avatarText="Trusted by over 500+ local homeowners"
marqueeItems={[
{ type: "text", text: "Sustainable Garden Design" },
{ type: "text", text: "Expert Lawn Maintenance" },
{ type: "text", text: "Custom Hardscaping Solutions" },
{ type: "text", text: "Tree & Shrub Care" },
{ type: "text", text: "Seasonal Cleanup Packages" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Expert Care for Your Sanctuary"
buttons={[
{
text: "Learn More About Us",
href: "#services",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Expert Care for Your Sanctuary"
buttons={[{ text: "Learn More About Us", href: "#services" }]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Precision Lawn Care",
author: "Maintenance",
description: "Expert mowing, fertilization, and weed control to maintain a pristine, healthy lawn.",
imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg",
},
{
id: "s2",
title: "Custom Design & Build",
author: "Design",
description: "Creative landscapes including hardscaping, planting, and drainage solutions.",
imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg",
},
{
id: "s3",
title: "Tree & Shrub Health",
author: "Arboriculture",
description: "Dedicated care including trimming, pruning, and health monitoring for all greenery.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-taking-care-plants_23-2148905240.jpg",
},
]}
title="Our Specialized Landscaping Services"
description="Comprehensive care tailored to your unique terrain and preferences."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "s1", title: "Precision Lawn Care", author: "Maintenance", description: "Expert mowing, fertilization, and weed control.", imageSrc: "http://img.b2bpic.net/free-photo/people-helping-each-other-community_23-2149139733.jpg", tags: [] },
{ id: "s2", title: "Custom Design & Build", author: "Design", description: "Creative landscapes including hardscaping, planting.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg", tags: [] },
{ id: "s3", title: "Tree & Shrub Health", author: "Arboriculture", description: "Dedicated care including trimming, pruning.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-taking-care-plants_23-2148905240.jpg", tags: [] }
]}
title="Our Specialized Landscaping Services"
description="Comprehensive care tailored to your unique terrain."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Backyard Paradise",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg",
},
{
id: "p2",
name: "Modern Front Garden",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479125.jpg",
},
{
id: "p3",
name: "Landscape Renovation",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg",
},
{
id: "p4",
name: "Eco-friendly Oasis",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg",
},
{
id: "p5",
name: "Patio & Paving",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg",
},
{
id: "p6",
name: "Estate Curb Appeal",
price: "Custom Project",
imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-glasses-gloves-pruning-bushes-garden_7502-9841.jpg",
},
]}
title="Portfolio Highlights"
description="A glimpse into the stunning outdoor spaces we have curated for our clients."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Backyard Paradise", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698292.jpg" },
{ id: "p2", name: "Modern Front Garden", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479125.jpg" },
{ id: "p3", name: "Landscape Renovation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/city-view_1417-1895.jpg" },
{ id: "p4", name: "Eco-friendly Oasis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg" },
{ id: "p5", name: "Patio & Paving", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg" },
{ id: "p6", name: "Estate Curb Appeal", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/man-uniform-glasses-gloves-pruning-bushes-garden_7502-9841.jpg" }
]}
title="Portfolio Highlights"
description="A glimpse into the stunning outdoor spaces."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "David Miller",
role: "Homeowner",
testimonial: "Southscape is just wonderful to work with.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-gardner-greenhouse_1303-14078.jpg",
},
{
id: "t2",
name: "Sarah Jenkins",
role: "Homeowner",
testimonial: "Attention to detail is unmatched by anyone.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg",
},
{
id: "t3",
name: "Tom Baker",
role: "Homeowner",
testimonial: "My garden looks perfect every single month.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148733502.jpg",
},
{
id: "t4",
name: "Linda Wu",
role: "Homeowner",
testimonial: "Transformed our home's value entirely.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg",
},
{
id: "t5",
name: "Mark Evans",
role: "Homeowner",
testimonial: "Best service we have hired in years.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037316.jpg",
},
]}
title="Words From Our Community"
description="Hear what homeowners are saying about our transformational work."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "David Miller", role: "Homeowner", testimonial: "Southscape is just wonderful to work with.", imageSrc: "http://img.b2bpic.net/free-photo/woman-gardner-greenhouse_1303-14078.jpg" },
{ id: "t2", name: "Sarah Jenkins", role: "Homeowner", testimonial: "Attention to detail is unmatched by anyone.", imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-male-gardener-glasses-posing-while-trimming-bush-with-electric-hedge-clippers_7502-10137.jpg" },
{ id: "t3", name: "Tom Baker", role: "Homeowner", testimonial: "My garden looks perfect every single month.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing_23-2148733502.jpg" },
{ id: "t4", name: "Linda Wu", role: "Homeowner", testimonial: "Transformed our home's value entirely.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-walking-outdoors_23-2149036950.jpg" },
{ id: "t5", name: "Mark Evans", role: "Homeowner", testimonial: "Best service we have hired in years.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-hard-greenhouse_23-2149037316.jpg" }
]}
title="Words From Our Community"
description="Hear what homeowners are saying."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How often should I have maintenance?",
content: "We recommend bi-weekly visits to keep the landscape perfectly groomed.",
},
{
id: "f2",
title: "Do you offer seasonal cleanups?",
content: "Yes, we provide full spring and autumn cleanup packages.",
},
{
id: "f3",
title: "Are estimates free?",
content: "Initial consultations for custom projects are always free of charge.",
},
]}
title="Frequently Asked Questions"
description="Answers to common inquiries about our services and process."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How often should I have maintenance?", content: "Bi-weekly visits." },
{ id: "f2", title: "Do you offer seasonal cleanups?", content: "Yes, spring and autumn." },
{ id: "f3", title: "Are estimates free?", content: "Yes, free of charge." }
]}
title="Frequently Asked Questions"
description="Answers to common inquiries."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static-grid",
}}
text="Ready to transform your lawn into a masterpiece? We are just a consultation away from starting your dream landscaping project."
buttons={[
{
text: "Contact Us Now",
href: "mailto:info@southscapelandscaping.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-static-grid" }}
text="Ready to transform your lawn into a masterpiece?"
buttons={[{ text: "Contact Us Now", href: "mailto:info@southscapelandscaping.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Portfolio",
href: "#portfolio",
},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="Southscape Landscaping"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
{ items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
logoText="Southscape Landscaping"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}