Merge version_1 into main #1
356
src/app/page.tsx
356
src/app/page.tsx
@@ -14,257 +14,129 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="GreenLeaf"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="GreenLeaf"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GreenLeaf"
|
||||
description="Transforming your outdoor spaces into breathtaking landscapes with expertise and passion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-closed-umbrellas_1127-2150.jpg",
|
||||
imageAlt: "Landscape transformation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg",
|
||||
imageAlt: "Professional lawn care",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg",
|
||||
imageAlt: "Beautiful garden design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22794.jpg",
|
||||
imageAlt: "Expert tree trimming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden_23-2147695738.jpg",
|
||||
imageAlt: "Seasonal garden cleanup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg",
|
||||
imageAlt: "Irrigation installation",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GreenLeaf"
|
||||
description="Transforming your outdoor spaces into breathtaking landscapes with expertise and passion."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-closed-umbrellas_1127-2150.jpg", imageAlt: "Landscape transformation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serious-male-gardener-growing-thujas-pots-grey-haired-man-glasses-wearing-blue-shirt-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12968.jpg", imageAlt: "Professional lawn care" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", imageAlt: "Beautiful garden design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22794.jpg", imageAlt: "Expert tree trimming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-garden_23-2147695738.jpg", imageAlt: "Seasonal garden cleanup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7742.jpg", imageAlt: "Irrigation installation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience Excellence in Landscaping"
|
||||
description={[
|
||||
"With over 15 years of experience, our family-owned business is dedicated to turning your dream outdoor space into reality.",
|
||||
"We pride ourselves on our commitment to quality, attention to detail, and a genuine passion for nature. Every lawn and garden receives our focused, artisan-level care.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Experience Excellence in Landscaping"
|
||||
description={[
|
||||
"With over 15 years of experience, our family-owned business is dedicated to turning your dream outdoor space into reality.", "We pride ourselves on our commitment to quality, attention to detail, and a genuine passion for nature. Every lawn and garden receives our focused, artisan-level care."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lawn Care",
|
||||
description: "Expert mowing, fertilization, and weed control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg",
|
||||
imageAlt: "Lawn care",
|
||||
},
|
||||
{
|
||||
title: "Landscape Design",
|
||||
description: "Custom hardscaping and garden architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-476.jpg",
|
||||
imageAlt: "Landscape design",
|
||||
},
|
||||
{
|
||||
title: "Tree Trimming",
|
||||
description: "Safe and precise pruning for healthy trees.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37103.jpg",
|
||||
imageAlt: "Tree trimming",
|
||||
},
|
||||
{
|
||||
title: "Irrigation",
|
||||
description: "Efficient watering systems for every season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
|
||||
imageAlt: "Irrigation",
|
||||
},
|
||||
{
|
||||
title: "Seasonal Cleanup",
|
||||
description: "Leaf removal and garden prep year-round.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-compasses-blueprints_23-2147785557.jpg",
|
||||
imageAlt: "Seasonal cleanup",
|
||||
},
|
||||
{
|
||||
title: "Planting",
|
||||
description: "Expert selection and installation of native plants.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg",
|
||||
imageAlt: "Planting",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="We offer a complete suite of services to keep your property looking its best year-round."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Professional Services"
|
||||
description="We offer a complete suite of services to keep your property looking its best year-round."
|
||||
features={[
|
||||
{ title: "Lawn Care", description: "Expert mowing, fertilization, and weed control.", imageSrc: "http://img.b2bpic.net/free-photo/hard-working-man-casual-outfit-removing-dry-leaves-from-sidewalk-with-hand-blower-sunny-day_7502-10151.jpg", imageAlt: "Lawn care" },
|
||||
{ title: "Landscape Design", description: "Custom hardscaping and garden architecture.", imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-476.jpg", imageAlt: "Landscape design" },
|
||||
{ title: "Tree Trimming", description: "Safe and precise pruning for healthy trees.", imageSrc: "http://img.b2bpic.net/free-photo/someone-trimming-bushes-with-garden-scissors_1157-37103.jpg", imageAlt: "Tree trimming" },
|
||||
{ title: "Irrigation", description: "Efficient watering systems for every season.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg", imageAlt: "Irrigation" },
|
||||
{ title: "Seasonal Cleanup", description: "Leaf removal and garden prep year-round.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-compasses-blueprints_23-2147785557.jpg", imageAlt: "Seasonal cleanup" },
|
||||
{ title: "Planting", description: "Expert selection and installation of native plants.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-gardening-worker-wearing-protective-gloves-while-trimming-plants_344912-2288.jpg", imageAlt: "Planting" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane Doe",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Smith",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-speaking-phone-while-walking-with-woman_23-2147779718.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Brown",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read how we've helped homeowners elevate their curb appeal."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Clients Say"
|
||||
description="Read how we've helped homeowners elevate their curb appeal."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane Doe", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12331.jpg" },
|
||||
{ id: "3", name: "Sarah Lee", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-speaking-phone-while-walking-with-woman_23-2147779718.jpg" },
|
||||
{ id: "4", name: "Mike Brown", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-cute-clothes-reaching-plants-greenhouse_197531-12328.jpg" },
|
||||
{ id: "5", name: "Emily White", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free written quotes for all projects.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your service area?",
|
||||
content: "We serve the entire metro and surrounding counties.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "We are fully licensed and insured for your peace of mind.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to keep you informed about our services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037240.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to keep you informed about our services."
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nature-lover-working-greenhouse_23-2149037240.jpg"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide estimates?", content: "Yes, we provide free written quotes for all projects." },
|
||||
{ id: "f2", title: "What is your service area?", content: "We serve the entire metro and surrounding counties." },
|
||||
{ id: "f3", title: "Are you licensed and insured?", content: "We are fully licensed and insured for your peace of mind." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Your Free Quote"
|
||||
description="We'll respond within 24 hours. Contact us at (555) 123-4567 or help@greenleaf.com. We serve the greater metro area."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-holding-plants_23-2149722630.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get Your Free Quote"
|
||||
description="We'll respond within 24 hours. Contact us at (555) 123-4567 or help@greenleaf.com. We serve the greater metro area."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-holding-plants_23-2149722630.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="GreenLeaf"
|
||||
copyrightText="© 2025 GreenLeaf Landscaping. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="GreenLeaf"
|
||||
copyrightText="© 2025 GreenLeaf Landscaping. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user