Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Palette, Brick, Droplets } from "lucide-react";
|
||||
import { Zap, Palette, Droplets, Circle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -29,137 +29,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="GreenScape"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="GreenScape"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GreenScape Landscaping"
|
||||
description="Transforming your vision into pristine outdoor living spaces with professional care and artistry."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cordylus-niger-field-covered-flowers-grass-sunlight-daytime_181624-32456.jpg", imageAlt: "Landscape 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg", imageAlt: "Landscape 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/field-covered-greenery-near-road-sunlight_181624-5708.jpg", imageAlt: "Landscape 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing-garden_53876-30332.jpg", imageAlt: "Landscape 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg", imageAlt: "Landscape 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg", imageAlt: "Landscape 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GreenScape Landscaping"
|
||||
description="Transforming your vision into pristine outdoor living spaces with professional care and artistry."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cordylus-niger-field-covered-flowers-grass-sunlight-daytime_181624-32456.jpg", imageAlt: "Landscape 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg", imageAlt: "Landscape 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/field-covered-greenery-near-road-sunlight_181624-5708.jpg", imageAlt: "Landscape 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing-garden_53876-30332.jpg", imageAlt: "Landscape 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-working-garden_23-2147714891.jpg", imageAlt: "Landscape 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-road-middle-forest_1127-292.jpg", imageAlt: "Landscape 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Our Craft"
|
||||
description={[
|
||||
"For over a decade, GreenScape has served the community by transforming dull lawns into vibrant retreats. Our passion for plants and precise hardscaping ensures your space remains beautiful year-round.", "We combine sustainable practices with modern design to provide premium landscaping services that prioritize both quality and nature."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="About Our Craft"
|
||||
description={[
|
||||
"For over a decade, GreenScape has served the community by transforming dull lawns into vibrant retreats. Our passion for plants and precise hardscaping ensures your space remains beautiful year-round.", "We combine sustainable practices with modern design to provide premium landscaping services that prioritize both quality and nature."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lawn Care", description: "Weekly maintenance and mowing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", buttonIcon: Zap },
|
||||
{ title: "Landscape Design", description: "Custom design tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/design-plan_53876-176743.jpg", buttonIcon: Palette },
|
||||
{ title: "Hardscaping", description: "Patio and walkway construction.", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg", buttonIcon: Brick },
|
||||
{ title: "Irrigation", description: "Advanced watering systems installed.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24647.jpg", buttonIcon: Droplets },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive landscaping solutions tailored to the unique climate and needs of your specific property."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Lawn Care", description: "Weekly maintenance and mowing.", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gardener-standing-carrying-modern-hand-hedge-trimmer-park-low-angle-view_7502-10140.jpg", buttonIcon: Zap },
|
||||
{ title: "Landscape Design", description: "Custom design tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/design-plan_53876-176743.jpg", buttonIcon: Palette },
|
||||
{ title: "Hardscaping", description: "Patio and walkway construction.", imageSrc: "http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1029.jpg", buttonIcon: Circle },
|
||||
{ title: "Irrigation", description: "Advanced watering systems installed.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-works-garden_1157-24647.jpg", buttonIcon: Droplets },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Comprehensive landscaping solutions tailored to the unique climate and needs of your specific property."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Serving thousands of homes"] },
|
||||
{ id: "m2", value: "2000+", title: "Projects Completed", items: ["Gardens and patios transformed"] },
|
||||
{ id: "m3", value: "100%", title: "Customer Satisfaction", items: ["Dedicated to your happiness"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence of the care we put into every project."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Serving thousands of homes"] },
|
||||
{ id: "m2", value: "2000+", title: "Projects Completed", items: ["Gardens and patios transformed"] },
|
||||
{ id: "m3", value: "100%", title: "Customer Satisfaction", items: ["Dedicated to your happiness"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Evidence of the care we put into every project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Lawn Care", quote: "GreenScape made my yard look like a park.", name: "Alice Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg" },
|
||||
{ id: "2", title: "Beautiful Patio", quote: "The team was professional and fast.", name: "Mark Roberts", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/female-teen-her-mother-taking-care-backyard-plants_7502-9662.jpg" },
|
||||
{ id: "3", title: "Excellent Design", quote: "Their design eye is truly remarkable.", name: "Emily Chen", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/botanical-business-retail-village-floral-bloom_53876-23404.jpg" },
|
||||
{ id: "4", title: "Fantastic Service", quote: "I highly recommend their team.", name: "David Smith", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261262.jpg" },
|
||||
{ id: "5", title: "Best in Class", quote: "Reliable, consistent, and beautiful.", name: "Sarah Miller", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear from our happy neighbors."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great Lawn Care", quote: "GreenScape made my yard look like a park.", name: "Alice Johnson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg" },
|
||||
{ id: "2", title: "Beautiful Patio", quote: "The team was professional and fast.", name: "Mark Roberts", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/female-teen-her-mother-taking-care-backyard-plants_7502-9662.jpg" },
|
||||
{ id: "3", title: "Excellent Design", quote: "Their design eye is truly remarkable.", name: "Emily Chen", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/botanical-business-retail-village-floral-bloom_53876-23404.jpg" },
|
||||
{ id: "4", title: "Fantastic Service", quote: "I highly recommend their team.", name: "David Smith", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-showing-care-support-from-people-community_23-2151261262.jpg" },
|
||||
{ id: "5", title: "Best in Class", quote: "Reliable, consistent, and beautiful.", name: "Sarah Miller", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12311.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear from our happy neighbors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"GreenSupplies", "HomeDepot", "LawnPartners", "GardenExpertise", "StoneSupplyCo", "IrrigateTech", "EcoGrowth"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with top local suppliers and providers."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialproof" data-section="socialproof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["GreenSupplies", "HomeDepot", "LawnPartners", "GardenExpertise", "StoneSupplyCo", "IrrigateTech", "EcoGrowth"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with top local suppliers and providers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you provide estimates?", content: "Yes, we offer free on-site consultations." },
|
||||
{ id: "q2", title: "How often do you mow?", content: "We offer weekly or bi-weekly schedules." },
|
||||
{ id: "q3", title: "Do you use organic fertilizer?", content: "We offer several eco-friendly care plans." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you provide estimates?", content: "Yes, we offer free on-site consultations." },
|
||||
{ id: "q2", title: "How often do you mow?", content: "We offer weekly or bi-weekly schedules." },
|
||||
{ id: "q3", title: "Do you use organic fertilizer?", content: "We offer several eco-friendly care plans." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Project"
|
||||
description="Fill out the form below to get a free consultation for your next outdoor project."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your landscaping needs..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7050.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Project"
|
||||
description="Fill out the form below to get a free consultation for your next outdoor project."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your landscaping needs..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7050.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GreenScape"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GreenScape"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user