Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-23 05:56:40 +00:00

View File

@@ -15,410 +15,166 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Gallery",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elevated Landscaping"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Elevated Landscaping"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "sparkles-gradient",
}}
title="Transform Your Outdoor Space with Elevated Landscaping"
description="Professional, reliable, and high-quality landscaping designed to bring your vision to life."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/green-trees-forest-garden_114579-11461.jpg",
imageAlt: "Luxurious backyard design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg",
imageAlt: "Detailed stonework",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803952.jpg",
imageAlt: "Landscaped garden",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-with-garden-outdoor-view_74190-352.jpg",
imageAlt: "Outdoor path",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg",
imageAlt: "Green lawn",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7213.jpg",
imageAlt: "Backyard transformation",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg",
imageAlt: "Garden details",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg",
imageAlt: "Retaining wall",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/floor-park_1127-3516.jpg",
imageAlt: "Walkway paving",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg",
imageAlt: "Planting zone",
},
]}
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Our Work",
href: "#products",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/brunette-woman-sitting-cement-seat-urban-park_23-2148328850.jpg",
alt: "Client profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728872.jpg",
alt: "Client profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-waiter-puts-his-order-prepared-desk-waiting-food-visitors-evening-time_146671-14413.jpg",
alt: "Client profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585145.jpg",
alt: "Client profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg",
alt: "Client profile 5",
},
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248393.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/cityscape-office-buildings_1127-3189.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/empty-peaceful-place-outdoors_23-2148739339.jpg",
alt: "Logo 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/guangzhou-china-nov-22-2015-guangzhou-opera-house-guangzhou_1137-329.jpg",
alt: "Logo 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/two-boys-outdoors-city-with-their-bikes_23-2148817317.jpg",
alt: "Logo 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "sparkles-gradient" }}
title="Transform Your Outdoor Space with Elevated Landscaping"
description="Professional, reliable, and high-quality landscaping designed to bring your vision to life."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/green-trees-forest-garden_114579-11461.jpg", imageAlt: "Luxurious backyard design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/calm-place-prepared-desk-waiting-food-visitors-evening-time_146671-14404.jpg", imageAlt: "Detailed stonework" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803952.jpg", imageAlt: "Landscaped garden" },
{ imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-with-garden-outdoor-view_74190-352.jpg", imageAlt: "Outdoor path" },
{ imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg", imageAlt: "Green lawn" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/tree-with-lamp-lighting_1339-7213.jpg", imageAlt: "Backyard transformation" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-plants_23-2148013421.jpg", imageAlt: "Garden details" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg", imageAlt: "Retaining wall" },
{ imageSrc: "http://img.b2bpic.net/free-photo/floor-park_1127-3516.jpg", imageAlt: "Walkway paving" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1022.jpg", imageAlt: "Planting zone" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafted with Detail, ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-flower-business_23-2149871118.jpg",
alt: "Aaron working",
},
{
type: "text",
content: " Built for Reliability",
},
]}
buttons={[
{
text: "Learn More",
href: "#contact",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Crafted with Detail, " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-black-woman-running-flower-business_23-2149871118.jpg", alt: "Aaron working" },
{ type: "text", content: " Built for Reliability" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Landscape Design & Installation",
author: "Elevated Landscaping",
description: "Bringing creative and functional visions to life.",
tags: [
"Landscape",
"Design",
],
imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg",
},
{
id: "s2",
title: "Hardscaping & Retaining Walls",
author: "Elevated Landscaping",
description: "Patios, walls, and structural stonework built to last.",
tags: [
"Stone",
"Structure",
],
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702186.jpg",
},
{
id: "s3",
title: "Walkway & Driveway Paving",
author: "Elevated Landscaping",
description: "Durable and beautiful pathways and drives.",
tags: [
"Paving",
"Stone",
],
imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858213.jpg",
},
]}
title="Our Professional Services"
description="Premium craftsmanship, reliability, and attention to detail for every outdoor project."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Professional Services"
description="Premium craftsmanship, reliability, and attention to detail for every outdoor project."
features={[
{ id: "s1", title: "Landscape Design & Installation", author: "Elevated Landscaping", description: "Bringing creative and functional visions to life.", tags: ["Landscape", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/skilful-male-landscaper-using-high-altitude-hedge-trimmer-topiary-park-side-view-focused_7502-10164.jpg" },
{ id: "s2", title: "Hardscaping & Retaining Walls", author: "Elevated Landscaping", description: "Patios, walls, and structural stonework built to last.", tags: ["Stone", "Structure"], imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702186.jpg" },
{ id: "s3", title: "Walkway & Driveway Paving", author: "Elevated Landscaping", description: "Durable and beautiful pathways and drives.", tags: ["Paving", "Stone"], imageSrc: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858213.jpg" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Backyard Upgrades",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733211.jpg",
},
{
id: "p2",
name: "Drainage Solutions",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006008.jpg",
},
{
id: "p3",
name: "Mulch & Rock Beds",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg",
},
{
id: "p4",
name: "Modern Patios",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg",
},
{
id: "p5",
name: "Grading Services",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg",
},
{
id: "p6",
name: "Garden Decorating",
price: "View Project",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-stairs-forest-surrounded-by-moss-rocks_181624-18783.jpg",
},
]}
title="Project Gallery"
description="Transformations that define quality and craftsmanship."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Project Gallery"
description="Transformations that define quality and craftsmanship."
products={[
{ id: "p1", name: "Backyard Upgrades", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-household-tasks_23-2151733211.jpg" },
{ id: "p2", name: "Drainage Solutions", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/weeder_23-2148006008.jpg" },
{ id: "p3", name: "Mulch & Rock Beds", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg" },
{ id: "p4", name: "Modern Patios", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/graveyard-background-concept_23-2149585151.jpg" },
{ id: "p5", name: "Grading Services", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/volunteers-planting-trees-nature_1268-21665.jpg" },
{ id: "p6", name: "Garden Decorating", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-stairs-forest-surrounded-by-moss-rocks_181624-18783.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Laura Przybylinski",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
},
{
id: "t2",
name: "William Ashcraft",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg",
},
{
id: "t3",
name: "Leeann Starkey",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-chest-full-colorful-flowers_329181-16485.jpg",
},
{
id: "t4",
name: "Susan Reed",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg",
},
{
id: "t5",
name: "Jeffrey Saunders",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30887.jpg",
},
]}
title="Client Reviews"
description="See why homeowners choose Elevated Landscaping."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Client Reviews"
description="See why homeowners choose Elevated Landscaping."
testimonials={[
{ id: "t1", name: "Laura Przybylinski", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg" },
{ id: "t2", name: "William Ashcraft", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-love-garden_23-2147986408.jpg" },
{ id: "t3", name: "Leeann Starkey", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-chest-full-colorful-flowers_329181-16485.jpg" },
{ id: "t4", name: "Susan Reed", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607100.jpg" },
{ id: "t5", name: "Jeffrey Saunders", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-working-greenhouse-with-flowerpots_1157-30887.jpg" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What service areas do you cover?",
content: "We serve the greater metropolitan area with professional landscaping services.",
},
{
id: "f2",
title: "How do I get a free estimate?",
content: "Simply fill out our contact form and Aaron will reach out to schedule an estimate.",
},
{
id: "f3",
title: "Do you provide seasonal maintenance?",
content: "Yes, we handle various seasonal needs including mulch installation, weed control, and garden care.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256618.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Common inquiries about our process and landscaping services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Common inquiries about our process and landscaping services."
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "What service areas do you cover?", content: "We serve the greater metropolitan area with professional landscaping services." },
{ id: "f2", title: "How do I get a free estimate?", content: "Simply fill out our contact form and Aaron will reach out to schedule an estimate." },
{ id: "f3", title: "Do you provide seasonal maintenance?", content: "Yes, we handle various seasonal needs including mulch installation, weed control, and garden care." }
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/happy-senior-couple-with-water-hose_23-2148256618.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact Us"
title="Lets Build Your Dream Outdoor Space"
description="Request a free consultation today. Fill out the form or reach us via phone."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact Us"
title="Lets Build Your Dream Outdoor Space"
description="Request a free consultation today. Fill out the form or reach us via phone."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Landscape Design",
href: "#features",
},
{
label: "Hardscaping",
href: "#features",
},
{
label: "Paving",
href: "#features",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Gallery",
href: "#products",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Elevated Landscaping"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Elevated Landscaping"
columns={[
{
title: "Services", items: [
{ label: "Landscape Design", href: "#features" },
{ label: "Hardscaping", href: "#features" },
{ label: "Paving", href: "#features" }
]
},
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Gallery", href: "#products" },
{ label: "Contact", href: "#contact" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}