"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 { Droplet, Globe, Leaf, Lightbulb, Link, Mail, Recycle, ShoppingBag, 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: "About",          id: "#about"},
        {
          name: "Products",          id: "#products"},
        {
          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="Nourish Your World, Naturally."
      description="The Life Is Green is dedicated to fostering a healthier planet through sustainable living, eco-friendly products, and community engagement. Discover how we can grow a greener future together."
      buttons={[
        {
          text: "Explore Products",          href: "#products"},
        {
          text: "Our Mission",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/minimal-tropical-plant-composition_23-2148955714.jpg"
      imageAlt="Person watering a lush house plant in a bright, green environment"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-eastern-male-coworker-trendy-striped-t-shirt-leaning-head-fist-while-standing-with-half-crossed-fingers_176420-24396.jpg",          alt: "Community member 1"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3521.jpg",          alt: "Community member 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-pretty-blonde-woman-showing-yoga-gesture-with-shut-eyes-striped-t-shirt-looking-peaceful-front-view_176474-112776.jpg",          alt: "Community member 3"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-overjoyed-woman-with-curly-hair-laughs-happpily-expresses-positive-authentic-emotions-wears-red-turtleneck-earrings-isolated-white-background-happiness-joy_273609-59222.jpg",          alt: "Community member 4"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-near-tree_23-2148918902.jpg",          alt: "Community member 5"},
      ]}
      avatarText="Join our growing green community!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Sustainable Choices",          icon: Leaf,
        },
        {
          type: "text-icon",          text: "Eco-Friendly Living",          icon: Recycle,
        },
        {
          type: "text",          text: "Planet-First Approach"},
        {
          type: "text-icon",          text: "Community Impact",          icon: Users,
        },
        {
          type: "text-icon",          text: "Green Innovations",          icon: Lightbulb,
        },
        {
          type: "text",          text: "Healthier Future"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Cultivating a Sustainable Tomorrow."
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
      tagIcon={Droplet}
      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: "Eco-Friendly Design",          description: "We prioritize sustainable materials and production methods for every product we offer, minimizing our ecological footprint.",          imageSrc: "http://img.b2bpic.net/free-photo/environment-education-day-concept_23-2148746476.jpg",          imageAlt: "Sustainable product design"},
        {
          title: "Community Gardens",          description: "Supporting local communities by establishing and maintaining thriving urban gardens, promoting fresh, accessible produce.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-caring-crops_23-2148256684.jpg",          imageAlt: "Community garden with volunteers"},
        {
          title: "Renewable Energy Focus",          description: "Investing in and advocating for clean energy solutions to power a healthier future for all.",          imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-panel-light-bulb-green-energy_93675-135273.jpg",          imageAlt: "Solar panels and wind turbines"},
      ]}
      title="Our Pillars of Green Living"
      description="At The Life Is Green, our commitment to the planet is woven into every aspect of our work. Discover how we make a difference."
      tag="Our Approach"
      tagIcon={Globe}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p-1",          name: "Organic Seed Starter Kit",          price: "$19.99",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060742.jpg",          imageAlt: "Organic seed starter kit"},
        {
          id: "p-2",          name: "Reusable Canvas Tote Bag",          price: "$14.50",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bag-with-vegetables_23-2149050743.jpg",          imageAlt: "Reusable canvas tote bag"},
        {
          id: "p-3",          name: "Compost Bin for Kitchen",          price: "$45.00",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-trash-cooking-concept_23-2149056482.jpg",          imageAlt: "Kitchen compost bin"},
        {
          id: "p-4",          name: "Bamboo Utensil Travel Set",          price: "$12.99",          imageSrc: "http://img.b2bpic.net/free-photo/set-wooden-kitchen-utensils-top-view_114579-12671.jpg",          imageAlt: "Bamboo utensil travel set"},
        {
          id: "p-5",          name: "Plant-Based All-Purpose Cleaner",          price: "$9.99",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-brushes-baking-soda_23-2148883447.jpg",          imageAlt: "Plant-based all-purpose cleaner"},
        {
          id: "p-6",          name: "Recycled Paper Notebooks",          price: "$7.99",          imageSrc: "http://img.b2bpic.net/free-photo/pad-eco-memo-white-material_1172-419.jpg",          imageAlt: "Recycled paper notebooks"},
      ]}
      title="Our Sustainable Products"
      description="Shop our curated selection of eco-friendly products designed to help you live a greener, more sustainable lifestyle."
      tag="Shop Green"
      tagIcon={ShoppingBag}
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m-1",          value: "10,000+",          title: "Trees Planted",          description: "Through our reforestation initiatives and community programs.",          imageSrc: "http://img.b2bpic.net/free-photo/environmental-conservation-garden-children_1150-15288.jpg",          imageAlt: "Hands planting a tree"},
        {
          id: "m-2",          value: "500+",          title: "Community Gardens",          description: "Supported and established across various neighborhoods.",          imageSrc: "http://img.b2bpic.net/free-photo/man-farming-vegetables-his-indoor-garden_23-2149854884.jpg",          imageAlt: "Community garden"},
        {
          id: "m-3",          value: "20+",          title: "Eco-Partners",          description: "Collaborating with like-minded organizations for greater impact.",          imageSrc: "http://img.b2bpic.net/free-photo/ecology-environment-save-earth-organic_53876-122534.jpg",          imageAlt: "Eco-partner logo"},
        {
          id: "m-4",          value: "100%",          title: "Carbon Neutral",          description: "Committed to offsetting our carbon footprint in all operations.",          imageSrc: "http://img.b2bpic.net/free-photo/eco-concept-light-bulb-grow-grass_1232-2774.jpg",          imageAlt: "Eco concept - light bulb grow in the grass"},
        {
          id: "m-5",          value: "2,500+",          title: "Volunteers",          description: "Engaged in environmental clean-ups and educational outreach.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-environment-projects_23-2148829266.jpg",          imageAlt: "Woman working for environment projects"},
      ]}
      title="Our Environmental Impact"
      description="Witness the positive change we're making together for a healthier planet."
      tag="Making a Difference"
      tagIcon={Globe}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-spring_1398-2014.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael D.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-cellphone-happy-emoji-message-against-brick-wall_23-2147841183.jpg",          imageAlt: "Michael D."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/amazing-african-american-model-woman-green-pants-black-hat-posed-with-different-emotions-park-shows-air-kiss_627829-2972.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-eats-sushi-sitting-grass-park_169016-21333.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-is-doing-yoga-outdoors-stretching-park-sunrise-brunette-white-t-shirt_1157-39687.jpg",          imageAlt: "Jessica L."},
        {
          id: "6",          name: "Alex P.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-standing-tree_23-2147911450.jpg",          imageAlt: "Alex P."},
      ]}
      cardTitle="What Our Community Says"
      cardTag="Happy Customers"
      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={[
        "EcoSolutions",        "GreenEarth Foundation",        "Sustainable Living Co.",        "Nature's Path",        "Renewable Energy Inc.",        "Community Harvest",        "Forest Keepers"]}
      title="Our Trusted Partners"
      description="Collaborating with leading organizations to expand our reach and amplify our impact on global sustainability."
      tag="Partnerships"
      tagIcon={Link}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What makes your products eco-friendly?",          content: "Our products are made from sustainably sourced, recycled, or biodegradable materials, and manufactured using energy-efficient processes. We prioritize minimal environmental impact."},
        {
          id: "faq-2",          title: "How can I get involved in community initiatives?",          content: "We regularly host volunteering events for tree planting, community garden maintenance, and educational workshops. Check our 'Events' page or subscribe to our newsletter for updates."},
        {
          id: "faq-3",          title: "Do you offer international shipping?",          content: "Currently, we ship within North America. We are working to expand our shipping capabilities to serve a global audience soon. Stay tuned for updates!"},
        {
          id: "faq-4",          title: "What is The Life Is Green's long-term vision?",          content: "Our vision is to become a global leader in sustainable living, inspiring millions to adopt eco-conscious practices and contribute to a thriving planet for future generations."},
        {
          id: "faq-5",          title: "How do you ensure product quality and ethical sourcing?",          content: "We rigorously vet all our suppliers to ensure fair labor practices and high-quality, sustainable materials. Transparency and ethical standards are paramount to our mission."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Find answers to frequently asked questions about our mission, products, and how you can join The Life Is Green movement."
      buttons={[
        {
          text: "Contact Us",          href: "#contact"},
      ]}
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get in Touch"
      title="Ready to Live Green?"
      description="Join The Life Is Green community and start your journey towards a more sustainable and fulfilling lifestyle. We're here to help!"
      buttons={[
        {
          text: "Send Us a Message",          href: "#"},
        {
          text: "Visit Our Blog",          href: "#"},
      ]}
      tagIcon={Mail}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-horizontal-shot-green-field-with-bushes-trees-small-houses-countryside_181624-30046.jpg"
      imageAlt="Lush green field under a clear sky"
      logoText="The Life Is Green"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Our Mission",              href: "#about"},
            {
              label: "Our Impact",              href: "#impact"},
            {
              label: "Partners",              href: "#social-proof"},
          ],
        },
        {
          title: "Products",          items: [
            {
              label: "Shop All",              href: "#products"},
            {
              label: "Seed Kits",              href: "#products"},
            {
              label: "Home & Garden",              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>
  );
}
