"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { CheckCircle, DollarSign, Feather, HelpCircle, Leaf, Quote, Recycle, Settings, Sparkles, Star, Target, Trash2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#features"},
        {
          name: "Waste Types",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Partners",          id: "#social-proof"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-ecology-badges_23-2149202730.jpg"
      logoAlt="EcoCycle Kenya Logo"
      brandName="EcoCycle Kenya"
      bottomLeftText="Your Green Partner"
      bottomRightText="info@ecocyclekenya.com"
      button={{
        text: "Pay with M-Pesa",        href: "tel:+254793805279"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      imagePosition="right"
      title="Clean Kenya, Green Future: Effortless Waste Management & Recycling"
      description="EcoCycle Kenya provides reliable, eco-friendly waste collection and recycling services tailored for homes and businesses across Kenya. Join us in building a sustainable tomorrow, powered by convenient M-Pesa payments."
      testimonials={[
        {
          name: "Sarah W.",          handle: "@SarahWanjiku",          testimonial: "EcoCycle Kenya transformed our community's waste disposal. Their service is incredibly reliable, and M-Pesa payments make it so easy!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-attractive-afro-american-teen-girl-posing-tree_1098-18539.jpg",          imageAlt: "Sarah Wanjiku testimonial"},
        {
          name: "David K.",          handle: "@DavidKimani",          testimonial: "As a business owner, efficient waste management is crucial. EcoCycle Kenya delivers, and their commitment to recycling is truly inspiring.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",          imageAlt: "David Kimani testimonial"},
        {
          name: "Janet R.",          handle: "@JanetRecycles",          testimonial: "Impressed by the professionalism and ease of recycling. EcoCycle Kenya is making a real difference in our town!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-boxes-pizza_1187-925.jpg",          imageAlt: "Smiling Kenyan student happy with recycling service"},
        {
          name: "Mark L.",          handle: "@MarkEcoHome",          testimonial: "Our home is much cleaner, and contributing to recycling feels great. The M-Pesa option is incredibly convenient!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27364.jpg",          imageAlt: "Happy Kenyan couple satisfied with waste collection"},
        {
          name: "Christine P.",          handle: "@GreenAdvocateKE",          testimonial: "EcoCycle Kenya leads the way in sustainable waste management. Their impact on our environment is significant and commendable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/african-girl-european-boy-pivcking-up-trash-activists-clearing-park-sideways_1157-49292.jpg",          imageAlt: "Kenyan environmental activist praising waste management"},
      ]}
      testimonialRotationInterval={5000}
      tag="Your Local Green Partner"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get a Free Quote",          href: "#contact"},
        {
          text: "Learn More About Our Impact",          href: "#about"},
      ]}
      buttonAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148563537.jpg",          alt: "Satisfied customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-lady-lifestyle-african_1139-725.jpg",          alt: "Satisfied customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/family-enjoying-their-quality-winter-time_23-2149186267.jpg",          alt: "Satisfied customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/cute-little-african-boy-resort_53876-137604.jpg",          alt: "Satisfied customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/guys-accused-feel-shocked-upset-portait-confused-frustrated-worried-two-africanamerican-siblings_1258-253861.jpg",          alt: "Another satisfied Kenyan customer"},
      ]}
      avatarText="Join 10,000+ happy Kenyans"
      imageSrc="http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27406.jpg"
      imageAlt="Kenyan waste management and recycling operations"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text",          text: "Sustainable Future"},
        {
          type: "text-icon",          text: "Recycle with Purpose",          icon: Recycle,
        },
        {
          type: "text",          text: "Community Impact"},
        {
          type: "text-icon",          text: "Clean Environment",          icon: Leaf,
        },
        {
          type: "text",          text: "M-Pesa Convenience"},
        {
          type: "text-icon",          text: "Zero Waste Goals",          icon: Trash2,
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Transforming Kenya's Waste into Resources"
      description="EcoCycle Kenya is dedicated to fostering a cleaner, healthier environment by providing accessible and efficient waste management and recycling services. We believe every piece of waste has potential for a new life, contributing to a circular economy and empowering our communities."
      metrics={[
        {
          value: "500+",          title: "Communities Served"},
        {
          value: "100K+",          title: "Tons Recycled Annually"},
        {
          value: "80%",          title: "Waste Diverted from Landfills"},
      ]}
      tag="Our Mission & Impact"
      tagIcon={Target}
      imageSrc="http://img.b2bpic.net/free-photo/woman-holding-tool-bike-maintenance_482257-90905.jpg"
      imageAlt="Waste sorting facility with workers"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Residential Collection",          description: "Hassle-free weekly collection for households, ensuring your waste is handled responsibly and efficiently. Easy M-Pesa payments for seamless service.",          imageSrc: "http://img.b2bpic.net/free-photo/utility-vehicle-quiet-street-work-progress_169016-69895.jpg",          imageAlt: "Residential waste collection",          titleImageSrc: "http://img.b2bpic.net/free-vector/eco-city-save-planet_24640-45779.jpg",          buttonText: "See Residential Plans",          buttonHref: "#pricing"},
        {
          title: "Commercial Solutions",          description: "Tailored waste management and recycling programs for businesses, offices, and industrial sites. Reduce your environmental footprint and operational costs.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-recycling-better-environment_23-2148999419.jpg",          imageAlt: "Commercial waste solutions",          titleImageSrc: "http://img.b2bpic.net/free-photo/trash-bin-front-side-white-background_187299-40223.jpg",          buttonText: "Request Business Quote",          buttonHref: "#contact"},
        {
          title: "Advanced Recycling",          description: "Utilizing state-of-the-art facilities, we process plastics, paper, glass, metals, and organic waste into valuable secondary resources.",          imageSrc: "http://img.b2bpic.net/free-photo/screws-box_23-2147773417.jpg",          imageAlt: "Advanced recycling process",          titleImageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-with-hybrid-car_53876-165505.jpg",          buttonText: "Explore Recycling Process",          buttonHref: "#products"},
      ]}
      title="Our Comprehensive Waste Management Solutions"
      description="From convenient collection to advanced recycling, EcoCycle Kenya offers a full suite of services designed for maximum efficiency and environmental benefit. We make going green simple and accessible for everyone."
      tag="Our Core Services"
      tagIcon={Settings}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "plastic",          name: "Plastics (PET, HDPE)",          price: "Free Pickup",          variant: "Bottles, Containers",          imageSrc: "http://img.b2bpic.net/free-photo/plastic-garbage-conveyor-belt-waste-recycling-factory_1268-23430.jpg",          imageAlt: "Plastic waste"},
        {
          id: "paper",          name: "Paper & Cardboard",          price: "Free Pickup",          variant: "Newspapers, Boxes",          imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-celebration-with-typewriter_23-2150230994.jpg",          imageAlt: "Paper and cardboard waste"},
        {
          id: "glass",          name: "Glass Bottles",          price: "Free Pickup",          variant: "Beverage bottles",          imageSrc: "http://img.b2bpic.net/free-photo/collection-colorful-light-bulbs_53876-32343.jpg",          imageAlt: "Glass bottles"},
        {
          id: "metal",          name: "Metals (Aluminum, Steel)",          price: "Free Pickup",          variant: "Cans, Scraps",          imageSrc: "http://img.b2bpic.net/free-photo/dental-tools-background_1232-2900.jpg",          imageAlt: "Metal cans and scraps"},
        {
          id: "organic",          name: "Organic Waste",          price: "Subscription",          variant: "Food scraps, Garden",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-compost-made-rotten-food-with-copy-space_23-2149073797.jpg",          imageAlt: "Organic waste"},
        {
          id: "textiles",          name: "Textiles & Clothes",          price: "Donation",          variant: "Old garments, Fabric",          imageSrc: "http://img.b2bpic.net/free-photo/unboxing_23-2148161718.jpg",          imageAlt: "Textile waste"},
      ]}
      title="What We Recycle"
      description="Discover the wide range of materials we collect and meticulously process, turning waste into valuable raw materials. Your waste is our treasure."
      tag="Recycling Categories"
      tagIcon={Feather}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "residential",          title: "Residential Eco-Plan",          price: "Ksh 1,500",          period: "per month",          features: [
            "Weekly household collection",            "Separate recycling bins",            "M-Pesa payment integration",            "Community clean-up participation"],
          button: {
            text: "Sign Up Now",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27360.jpg",          imageAlt: "Residential house with recycling bins"},
        {
          id: "small-business",          title: "Small Business Pro-Plan",          price: "Ksh 5,000",          period: "per month",          features: [
            "Twice-weekly commercial collection",            "Tailored recycling programs",            "Dedicated account manager",            "Environmental impact reports"],
          button: {
            text: "Get Started",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/woman-recycling-vegetable-leftovers_23-2148666778.jpg",          imageAlt: "Small business front"},
        {
          id: "industrial",          title: "Industrial Custom Plan",          price: "Custom Quote",          period: "monthly",          features: [
            "High-volume waste solutions",            "On-site waste audits & consulting",            "Specialized waste stream handling",            "Compliance & regulatory support"],
          button: {
            text: "Contact for Quote",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/woman-pulling-suitcase-from-train_23-2147770305.jpg",          imageAlt: "Industrial factory building"},
      ]}
      title="Flexible Plans for Every Need"
      description="Choose a waste management plan that perfectly fits your household or business requirements. Transparent pricing, reliable service, and easy payments via M-Pesa."
      tag="Our Pricing"
      tagIcon={DollarSign}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Amina S.",          handle: "Community Leader, Nairobi",          testimonial: "EcoCycle Kenya has made a huge difference in our estate. The collection is always on time, and their M-Pesa option is incredibly convenient.",          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-black-smiling-young-woman-glasses-wears-piercing-holds-modern-cell-phone-has-pleasant-conversation-together-with-unrecognizable-guy-who-sits-back-discuss-collaboration_273609-28953.jpg",          imageAlt: "Amina S.",          icon: Quote,
        },
        {
          id: "2",          name: "James O.",          handle: "Restaurant Owner, Mombasa",          testimonial: "Their commercial waste solutions are unmatched. We've reduced our waste footprint significantly, and their team is always professional.",          imageSrc: "http://img.b2bpic.net/free-photo/hopeful-sad-black-man-talking-god-holding-hands-pray-looking-up-pleading-begging-h_1258-129800.jpg",          imageAlt: "James O.",          icon: Quote,
        },
        {
          id: "3",          name: "Fatima M.",          handle: "Homemaker, Kisumu",          testimonial: "Recycling used to be complicated, but EcoCycle Kenya made it so easy. I feel good knowing my family is contributing to a greener Kenya.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-nurse-trying-cope-with-stress-loss-counseling_482257-119775.jpg",          imageAlt: "Fatima M.",          icon: Quote,
        },
        {
          id: "4",          name: "Ben K.",          handle: "Operations Manager, Thika",          testimonial: "The industrial waste management plan saved us time and money. Their commitment to sustainability aligns perfectly with our company values.",          imageSrc: "http://img.b2bpic.net/free-photo/laughing-holding-folder-young-africanamerican-guy-isolated-blue-background_141793-135579.jpg",          imageAlt: "Ben K.",          icon: Quote,
        },
        {
          id: "5",          name: "Grace N.",          handle: "Environmental Educator",          testimonial: "I highly recommend EcoCycle Kenya. Their efforts in promoting recycling and proper waste disposal are vital for our nation's future.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-kids-with-thumbs-up_23-2148472426.jpg",          imageAlt: "Grace N.",          icon: Quote,
        },
        {
          id: "6",          name: "Paul V.",          handle: "Small Business Owner, Eldoret",          testimonial: "Reliable and efficient. EcoCycle Kenya understands local needs and delivers top-notch service. The M-Pesa option is a game-changer!",          imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411793.jpg",          imageAlt: "Paul V.",          icon: Quote,
        },
      ]}
      title="Hear From Our Valued Clients"
      description="Our clients trust EcoCycle Kenya for their waste management needs. Read what they have to say about our commitment to service, efficiency, and a cleaner environment."
      tag="Customer Stories"
      tagIcon={Star}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Nairobi County Council",        "Green Future Alliance",        "Eco-Schools Kenya",        "Clean Earth Logistics",        "Kenya Retail Group",        "Sustainable Homes Initiative",        "Waste Warriors Collective"]}
      title="Trusted by Communities & Partners"
      description="We collaborate with local governments, businesses, and community organizations to expand our reach and maximize our environmental impact."
      tag="Our Network"
      tagIcon={CheckCircle}
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "How do I pay using M-Pesa Pochi la Biashara?",          content: "You can easily pay by sending money to our Pochi la Biashara number: +254793805279. Simply go to your M-Pesa menu, select 'Lipa na M-Pesa', then 'Pochi la Biashara', enter our number, and the amount."},
        {
          id: "2",          title: "What types of waste do you collect for recycling?",          content: "We collect a wide range of recyclables including plastics (PET, HDPE), paper, cardboard, glass bottles, and metal cans. Please ensure items are clean and dry before collection."},
        {
          id: "3",          title: "Do I need to separate my waste before collection?",          content: "Yes, we encourage and provide separate bins for different waste categories (organic, mixed non-recyclable, and recyclables) to ensure efficient sorting and processing at our facility."},
        {
          id: "4",          title: "What areas in Kenya do you serve?",          content: "We currently operate in Nairobi and its surrounding counties, with plans for expansion to other major towns. Please contact us to confirm service availability in your specific area."},
        {
          id: "5",          title: "How can businesses sign up for commercial waste services?",          content: "Businesses can request a custom quote through our contact form or by calling us directly. We'll conduct an on-site audit to tailor a plan that meets your specific needs."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our services, recycling guidelines, or M-Pesa payments? Find quick answers here or contact us directly."
      tag="Quick Answers"
      tagIcon={HelpCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Ready to make a difference? Join EcoCycle Kenya and start building a cleaner, greener future today. Reach out to our team or pay conveniently with M-Pesa."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+254700000000"},
        {
          text: "WhatsApp Us",          href: "https://wa.me/254700000000"},
        {
          text: "Pay with M-Pesa (Pochi la Biashara: +254793805279)",          href: "tel:+254793805279"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/flat-design-eco-friendly-labels_23-2149202603.jpg"
      logoAlt="EcoCycle Kenya Logo"
      columns={[
        {
          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#features"},
          ],
        },
        {
          items: [
            {
              label: "Pricing",              href: "#pricing"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "M-Pesa Payment",              href: "tel:+254793805279"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      logoText="EcoCycle Kenya"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}