"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Droplets, Globe, Leaf, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Produits",          id: "products"},
        {
          name: "Pourquoi nous",          id: "features"},
        {
          name: "Avis",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="PureWash"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars"}}
      title="La pureté naturelle pour vos vêtements"
      description="Découvrez PureWash, la lessive éco-responsable qui allie efficacité redoutable et respect total des fibres de vos textiles préférés."
      tag="Nouvelle Génération"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cleaning-concept_23-2148781917.jpg",          imageAlt: "natural laundry detergent bottle"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cleaning-products-arrangement_23-2148883450.jpg",          imageAlt: "laundry room aesthetic clean"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Plus de 10 000 clients satisfaits"
      tagIcon={Sparkles}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "99%",          title: "Ingrédients naturels",          description: "Formule sans produits chimiques toxiques.",          icon: Leaf,
        },
        {
          id: "m2",          value: "50",          title: "Lavages par bouteille",          description: "Concentré pour plus d'économies.",          icon: Droplets,
        },
        {
          id: "m3",          value: "100%",          title: "Biodégradable",          description: "Respectueux de vos cours d'eau.",          icon: Globe,
        },
      ]}
      title="L'impact PureWash"
      description="Une efficacité prouvée pour votre linge et la planète."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Puissance végétale",          author: "Formule unique",          description: "Une action enzymatique sur les taches tenaces.",          tags: [
            "naturel",            "puissant"],
          imageSrc: "http://img.b2bpic.net/free-photo/view-cleaning-products-arrangement_23-2148883451.jpg"},
        {
          id: "f2",          title: "Douceur inégalée",          author: "Respect des fibres",          description: "Préserve les couleurs et la souplesse des tissus.",          tags: [
            "soin",            "fibres"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-classify-male-underwear_23-2148857522.jpg"},
        {
          id: "f3",          title: "Emballage durable",          author: "Zéro déchet",          description: "Flacons recyclables et rechargeables à volonté.",          tags: [
            "eco",            "durable"],
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bottles_23-2148883400.jpg"},
      ]}
      title="Pourquoi choisir PureWash ?"
      description="Plus qu'une lessive, un engagement pour un linge propre et sain."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Pure Classic",          price: "14,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-plastic-bottle-with-copy-space_23-2149449752.jpg"},
        {
          id: "p2",          name: "Pure Nature",          price: "14,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/medical-alcohol-bottle-white-background_53876-167171.jpg"},
        {
          id: "p3",          name: "Pure Lavender",          price: "15,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/fruits-ice-cream-stick-aligned-table_23-2148539467.jpg"},
        {
          id: "p4",          name: "Pure Ultra",          price: "16,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-cleaning-product_23-2148133437.jpg"},
        {
          id: "p5",          name: "Pure Sensitive",          price: "15,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/ecologiacal-products-concept-with-copy-space_23-2148781881.jpg"},
        {
          id: "p6",          name: "Pure Recharge",          price: "12,90 €",          imageSrc: "http://img.b2bpic.net/free-photo/green-bottle-with-soap_23-2147710585.jpg"},
      ]}
      title="Notre gamme de soins"
      description="Des solutions adaptées à chaque type de textile."
    />
  </div>

  <div id="social" data-section="social">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Certifié Eco",        "Bio Laundry",        "Natural Care",        "Plant Derived",        "Cruelty Free",        "Non-Toxic",        "Earth Friendly"]}
      title="Nos labels et certifications"
      description="Reconnus pour notre excellence environnementale et notre intégrité."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sophie M.",          role: "Mère de famille",          testimonial: "Enfin une lessive efficace qui ne donne pas d'allergies à mes enfants.",          imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-holding-detergent-clean-laundry-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-15682.jpg"},
        {
          id: "t2",          name: "Thomas L.",          role: "Sportif",          testimonial: "Idéal pour mes tenues de sport, l'odeur est fraîche et naturelle.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-cleaning-young-woman-wearing-uniform-holding-cleaning-agent-showing-yes-gesture-isolated-pink-wall_141793-35676.jpg"},
        {
          id: "t3",          name: "Julie B.",          role: "Designer textile",          testimonial: "La qualité de mes tissus est parfaitement préservée, je recommande.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pink-flower-towels-bed_23-2148296021.jpg"},
        {
          id: "t4",          name: "Marc D.",          role: "Client régulier",          testimonial: "Économique, propre et respectueux, le trio gagnant.",          imageSrc: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42334.jpg"},
        {
          id: "t5",          name: "Clara V.",          role: "Adepte du bio",          testimonial: "Une démarche honnête et un produit qui tient ses promesses.",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-stunned-future-mother-packs-suitcase-maternity-hospital-picks-necessary-things-newborn-baby-shocked-day-birth-came-dressed-domestic-clothes-enjoys-motherhood-moments_273609-39417.jpg"},
      ]}
      title="Ils ont adopté PureWash"
      description="Découvrez pourquoi nos clients ne peuvent plus s'en passer."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Est-ce compatible avec toutes les machines ?",          content: "Oui, PureWash est conçu pour toutes les machines à laver."},
        {
          id: "q2",          title: "Quelle quantité utiliser ?",          content: "Un bouchon suffit pour une lessive standard."},
        {
          id: "q3",          title: "Les produits sont-ils véganes ?",          content: "Absolument, aucun ingrédient d'origine animale n'est utilisé."},
      ]}
      title="Questions fréquentes"
      faqsAnimation="slide-up"
      description="Tout ce qu'il faut savoir sur l'entretien écologique de votre linge."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Contact"
      title="Prêt à changer de lessive ?"
      description="Rejoignez la révolution PureWash et donnez le meilleur à vos textiles."
      buttons={[
        {
          text: "Commander maintenant",          href: "#products"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="PureWash"
      columns={[
        {
          title: "Produits",          items: [
            {
              label: "Gamme complète",              href: "#products"},
          ],
        },
        {
          title: "Entreprise",          items: [
            {
              label: "À propos",              href: "#"},
            {
              label: "Engagement",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
      ]}
      copyrightText="© 2024 PureWash. Tous droits réservés."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
