"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextAbout from '@/components/sections/about/TextAbout';
import { Building, ClipboardCheck, Droplet, Globe, Leaf, Lightbulb, Phone, Recycle, Sprout, Trees, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="gradient-mesh"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#products"},
        {
          name: "About",          id: "#about"},
        {
          name: "Impact",          id: "#impact"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="The Life Is Green"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "downward-rays-static"}}
      imagePosition="right"
      title="Cultivating Beautiful Landscapes, Sustainably."
      description="The Life Is Green provides expert lawn care, landscaping design, and sustainable outdoor solutions for vibrant, healthy spaces."
      buttons={[
        {
          text: "Explore Services",          href: "#products"},
        {
          text: "Get a Free Quote",          href: "#contact"},
      ]}
      imageSrc="https://images.unsplash.com/photo-1579737976694-82ee1119ed39?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      imageAlt="Lush green lawn with garden hose"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=2576&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          alt: "Happy Homeowner 1"},
        {
          src: "https://images.unsplash.com/photo-1507003211169-e69fe254fe58?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          alt: "Happy Homeowner 2"},
        {
          src: "https://images.unsplash.com/photo-1548142813-c348350df52b?q=80&w=2578&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          alt: "Happy Homeowner 3"},
        {
          src: "https://images.unsplash.com/photo-1531746020795-816e8b659ae8?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          alt: "Happy Homeowner 4"},
      ]}
      avatarText="Trusted by homeowners and businesses!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Expert Lawn Care",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Creative Landscape Design",          icon: Droplet,
        },
        {
          type: "text",          text: "Sustainable Practices"},
        {
          type: "text-icon",          text: "Residential & Commercial",          icon: Building,
        },
        {
          type: "text-icon",          text: "Free Estimates",          icon: ClipboardCheck,
        },
        {
          type: "text",          text: "Satisfaction Guaranteed"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Philosophy"
      title="Green Solutions for Every Space."
      buttons={[
        {
          text: "Learn More",          href: "#about"},
      ]}
      tagIcon={Leaf}
      tagAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      features={[
        {
          title: "Lawn Mowing & Maintenance",          description: "Regular mowing, trimming, edging, and blowing to keep your lawn pristine.",          imageSrc: "https://images.unsplash.com/photo-1549419137-b452818f939e?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Lawn mower on a green lawn"},
        {
          title: "Custom Landscape Design",          description: "Transform your outdoor area with bespoke designs, planting, and hardscaping solutions.",          imageSrc: "https://images.unsplash.com/photo-1542602117-0df75a1334f5?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Garden design illustration"},
        {
          title: "Fertilization & Pest Control",          description: "Eco-friendly treatments to nourish your lawn and protect it from unwanted pests.",          imageSrc: "https://images.unsplash.com/photo-1620986794695-1f98d79435b5?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Fertilizer bag on grass"},
      ]}
      title="Comprehensive Lawn & Landscape Services"
      description="From routine maintenance to complete garden makeovers, we handle all your outdoor needs with care and expertise."
      tag="Our Services"
      tagIcon={Sprout}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "s-1",          name: "Seasonal Clean-Up",          price: "Starting at $150",          imageSrc: "https://images.unsplash.com/photo-1517789182046-e555938f71db?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Leaf blower in action"},
        {
          id: "s-2",          name: "Tree & Shrub Care",          price: "Request Quote",          imageSrc: "https://images.unsplash.com/photo-1598973678385-2e69784307cf?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Person pruning a tree"},
        {
          id: "s-3",          name: "Irrigation Systems",          price: "Custom Plans",          imageSrc: "https://images.unsplash.com/photo-1599382613115-47d510ff61c9?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Sprinkler system in a lawn"},
        {
          id: "s-4",          name: "Hardscaping (Patios, Walkways)",          price: "Custom Designs",          imageSrc: "https://images.unsplash.com/photo-1621375176766-0d19f6a743b1?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Patio construction with pavers"},
        {
          id: "s-5",          name: "Garden Bed Installation",          price: "Starting at $200",          imageSrc: "https://images.unsplash.com/photo-1520626359288-293d4a4d9c79?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1",          imageAlt: "Raised garden beds being installed"},
        {
          id: "s-6",          name: "Drainage Solutions",          price: "Consultation Required",          imageSrc: "https://images.unsplash.com/photo-1616782294474-325d9b62f1a6?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Drainage pipe in a lawn"},
      ]}
      title="Our Specialized Services"
      description="A range of professional services to keep your property looking its best year-round."
      tag="What We Offer"
      tagIcon={Sprout}
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m-1",          value: "1,500+",          title: "Properties Maintained",          description: "Happy clients with pristine lawns and gardens.",          imageSrc: "https://images.unsplash.com/photo-1582239474944-e2b2c9b45e7f?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Beautiful house exterior with maintained lawn"},
        {
          id: "m-2",          value: "300+",          title: "Landscape Designs",          description: "Unique and sustainable outdoor spaces created.",          imageSrc: "https://images.unsplash.com/photo-1518779578619-fa84313fdf1d?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Garden blueprint and tools"},
        {
          id: "m-3",          value: "95%",          title: "Client Satisfaction",          description: "Our clients love their beautiful and healthy outdoor spaces.",          imageSrc: "https://images.unsplash.com/photo-1550995166-7d67f707f15b?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Happy client giving thumbs up"},
        {
          id: "m-4",          value: "100%",          title: "Organic Practices",          description: "Commitment to eco-friendly fertilizers and pest control.",          imageSrc: "https://images.unsplash.com/photo-1518837695029-43c2331ee9f0?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Organic vegetables in a garden"},
        {
          id: "m-5",          value: "20+",          title: "Years of Experience",          description: "Delivering reliable and high-quality lawn care since 2004.",          imageSrc: "https://images.unsplash.com/photo-1585468205241-1e94d8d1797c?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Experienced gardener working"},
      ]}
      title="Our Commitment to a Greener Community"
      description="See how The Life Is Green is making a positive difference in local landscapes and the environment."
      tag="Our Impact"
      tagIcon={Trees}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?q=80&w=2576&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael D.",          imageSrc: "https://images.unsplash.com/photo-1507003211169-e69fe254fe58?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Michael D."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "https://images.unsplash.com/photo-1548142813-c348350df52b?q=80&w=2578&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "https://images.unsplash.com/photo-1531746020795-816e8b659ae8?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Jessica L."},
        {
          id: "6",          name: "Alex P.",          imageSrc: "https://images.unsplash.com/photo-1560250097-0b73528c311a?q=80&w=2574&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Alex P."},
      ]}
      cardTitle="What Our Clients Say"
      cardTag="Trusted by Homeowners & Businesses"
      cardAnimation="slide-up"
      buttons={[
        {
          text: "Read All Reviews",          href: "#testimonials"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Happy Homeowners",        "Local Businesses",        "Property Managers",        "Real Estate Agencies",        "HOA Communities"]}
      title="Trusted by Our Community"
      description="Building beautiful, healthy outdoor spaces for residential and commercial clients."
      tag="Our Clients"
      tagIcon={Users}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What areas do you serve?",          content: "We primarily serve [Your City/Region Name] and surrounding areas. Please contact us to confirm service availability in your specific location."},
        {
          id: "faq-2",          title: "Are your products and methods safe for pets and children?",          content: "Absolutely! We prioritize the use of organic and pet-friendly products, ensuring a safe environment for your family and furry friends."},
        {
          id: "faq-3",          title: "How often do you provide lawn mowing services?",          content: "Our standard mowing schedule is weekly or bi-weekly, depending on the season and your lawn's needs. We can also customize a plan for you."},
        {
          id: "faq-4",          title: "Do you offer one-time services or only ongoing contracts?",          content: "We offer both! Whether you need a one-time clean-up or a recurring maintenance plan, we can tailor our services to fit your requirements."},
        {
          id: "faq-5",          title: "How do I get a quote for landscaping design?",          content: "Simply fill out our contact form or give us a call to schedule a free on-site consultation. We'll discuss your vision and provide a detailed estimate."},
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to common questions about our lawn care and landscaping services."
      buttons={[
        {
          text: "Request a Custom Quote",          href: "#contact"},
      ]}
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Let's Grow Together"
      title="Ready for a Greener Space?"
      description="Get in touch today for a free consultation and let us bring your outdoor vision to life."
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "Call Us Today",          href: "tel:555-123-4567"},
      ]}
      tagIcon={Phone}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://images.unsplash.com/photo-1520626359288-293d4a4d9c79?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2"
      imageAlt="Lush green landscape"
      logoText="The Life Is Green"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Our Mission",              href: "#about"},
            {
              label: "Our Impact",              href: "#impact"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Lawn Care",              href: "#products"},
            {
              label: "Landscaping",              href: "#products"},
            {
              label: "Seasonal",              href: "#products"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 The Life Is Green. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
