"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Accueil",          id: "#home"},
        {
          name: "Produits",          id: "#products"},
        {
          name: "Fonctionnalités",          id: "#features"},
        {
          name: "Témoignages",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vaping-apparel-illustration_225004-1858.jpg"
      logoAlt="Logo La Casa De Vape"
      brandName="La Casa De Vape"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Produits de Vape Premium, Service Expert, Livraison Rapide"
      description="Découvrez des appareils, e-liquides et accessoires de première qualité des marques de confiance. Achetez en toute confiance, appuyé par de vrais avis clients et des conseils d'experts."
      tagAnimation="none"
      buttons={[
        {
          text: "Parcourir Notre Collection",          href: "#products"},
      ]}
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg"
      imageAlt="Collection de produits et accessoires de vape premium"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hair-beard-screaming-with-frightened-expression_176420-15801.jpg",          alt: "Cliente satisfaite Sarah"},
        {
          src: "http://img.b2bpic.net/free-photo/stylish-elegant-man-sitting-cafe-with-vape_1157-34781.jpg",          alt: "Vapoteur heureux John"},
        {
          src: "http://img.b2bpic.net/free-photo/joyful-bearded-tattooed-male-smokes-electronic-cigarette-isolated-grey-background_613910-16348.jpg",          alt: "Vapoteuse enthousiaste Maria"},
        {
          src: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2021.jpg",          alt: "Vapoteur moderne Alex"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-sitting-home-indoors-play-games-with-joystick_171337-16826.jpg",          alt: "Client satisfait David"},
      ]}
      avatarText="Rejoignez plus de 5000 clients satisfaits !"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="À propos de La Casa De Vape"
      description={[
        "Chez La Casa De Vape, nous sommes passionnés par la fourniture de produits de vape de la plus haute qualité et d'une expérience d'achat inégalée. Notre sélection rigoureuse ne comprend que les meilleurs appareils, e-liquides et accessoires des marques leaders, vous assurant de toujours trouver exactement ce dont vous avez besoin.",        "Nous sommes fiers de notre service expert, offrant des recommandations personnalisées et une connaissance approfondie des produits aux amateurs expérimentés comme aux nouveaux vapoteurs. Notre engagement s'étend au-delà des ventes, favorisant une communauté de confiance où la transparence et la satisfaction du client sont primordiales. Profitez de prix compétitifs, d'une livraison rapide et fiable, et d'une boutique en ligne fluide conçue pour votre commodité."]}
      buttons={[
        {
          text: "En Savoir Plus",          href: "#"},
      ]}
      showBorder={false}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Pourquoi Choisir La Casa De Vape ?"
      description="Nous nous distinguons en offrant un mélange exceptionnel de qualité, d'expertise et de service centré sur le client. Votre satisfaction est notre priorité."
      accordionItems={[
        {
          id: "f1",          title: "Variété de Produits Inégalée",          content: "Explorez une vaste sélection d'appareils de vape de pointe, de saveurs d'e-liquides exotiques et d'accessoires essentiels des marques les plus fiables de l'industrie. Nous mettons constamment à jour notre inventaire pour vous apporter les dernières innovations."},
        {
          id: "f2",          title: "Conseils et Soutien d'Experts",          content: "Notre équipe compétente est là pour vous aider, que vous soyez un vapoteur expérimenté à la recherche de configurations avancées ou un débutant cherchant son premier kit. Obtenez des recommandations personnalisées et des réponses à toutes vos questions sur le vapotage."},
        {
          id: "f3",          title: "Prix Compétitifs et Récompenses",          content: "Profitez d'un excellent rapport qualité-prix grâce à nos prix compétitifs et à nos programmes de fidélité exclusifs. Gagnez des récompenses à chaque achat et accédez à des réductions spéciales, rendant le vapotage premium plus abordable."},
        {
          id: "f4",          title: "Livraison Rapide et Sécurisée",          content: "Nous savons que vous avez hâte de recevoir votre nouveau matériel de vape. C'est pourquoi nous proposons des options d'expédition rapides, discrètes et sécurisées, garantissant que votre commande arrive rapidement et en toute sécurité."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-colorful-glitter-transparent-jar-blue-background_181624-25131.jpg"
      imageAlt="Grande variété de produits de vape et d'e-liquides en exposition"
      mediaAnimation="opacity"
      mediaPosition="left"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",          name: "Système Pod Nova",          price: "39.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723452.jpg",          imageAlt: "Appareil de vape Système Pod Nova"},
        {
          id: "prod-2",          name: "Mod VaporMax Pro",          price: "89.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-nebulizer-home_23-2150562053.jpg",          imageAlt: "Box Mod VaporMax Pro"},
        {
          id: "prod-3",          name: "E-liquide Baies Exotiques",          price: "19.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/view-alcoholic-beverage-with-cbd-oil-infusion_23-2150762282.jpg",          imageAlt: "Bouteille d'e-liquide Baies Exotiques"},
        {
          id: "prod-4",          name: "Mega Puff Jetable",          price: "14.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-vape-smoke-gadget-standing-yellow-wall_231208-3681.jpg",          imageAlt: "Stylo Vape Jetable Mega Puff"},
        {
          id: "prod-5",          name: "Pack de Bobines en Céramique",          price: "12.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-camcorder-with-swirl-film-stripes-blue-backdrop_23-2148188235.jpg",          imageAlt: "Pack de bobines de vape en céramique"},
        {
          id: "prod-6",          name: "Chargeur Double Baie",          price: "24.99 $",          imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg",          imageAlt: "Chargeur de batterie de vape double baie"},
      ]}
      title="Produits Phares"
      description="Découvrez nos appareils de vape les mieux notés, nos délicieux e-liquides et nos accessoires essentiels, sélectionnés pour leur qualité et leurs performances."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "starter-kit",          badge: "Idéal pour Débutants",          badgeIcon: Sparkles,
          price: "69.99 $",          name: "Kit Vapoteur Débutant",          buttons: [
            {
              text: "Commencer"},
          ],
          features: [
            "Appareil Pod System",            "2 Saveurs d'E-liquide",            "Pods Supplémentaires",            "Guide du Débutant"],
        },
        {
          id: "enthusiast-bundle",          badge: "Meilleur Rapport Qualité-prix",          badgeIcon: Award,
          price: "149.99 $",          name: "Pack Pro Enthusiast",          buttons: [
            {
              text: "Mettre à Niveau Maintenant"},
          ],
          features: [
            "Kit Mod Avancé",            "4 E-liquides Premium",            "Bobines et Batteries Supplémentaires",            "Guide Utilisateur Avancé"],
        },
        {
          id: "flavor-explorer",          badge: "Aventure de Saveurs",          badgeIcon: Star,
          price: "49.99 $",          name: "Pack Explorateur de Saveurs",          buttons: [
            {
              text: "Découvrir les Saveurs"},
          ],
          features: [
            "5 Saveurs d'E-liquide Assorties",            "Pack Échantillon",            "Guide de Profil de Saveur",            "Réductions Exclusives"],
        },
      ]}
      title="Packs Vape Exclusifs"
      description="Améliorez votre expérience de vapotage avec nos packs spécialement conçus, offrant une valeur et une commodité exceptionnelles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          role: "Enthousiaste de la Vape",          company: "Communauté VapeLife",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg",          imageAlt: "Sarah J."},
        {
          id: "t2",          name: "Mark P.",          role: "Nouveau Vapoteur",          company: "Premier Acheteur",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background-smokes-electronic-cigarette_343596-8182.jpg",          imageAlt: "Mark P."},
        {
          id: "t3",          name: "Emily R.",          role: "Connaisseuse de Saveurs",          company: "Critique d'E-liquides",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-couple-with-vape-city_1157-23870.jpg",          imageAlt: "Emily R."},
        {
          id: "t4",          name: "David L.",          role: "Moddeur Expérimenté",          company: "Forum de Vapotage Avancé",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-drinking-street_23-2147765402.jpg",          imageAlt: "David L."},
        {
          id: "t5",          name: "Jessica M.",          role: "Vapoteuse Quotidienne",          company: "Critique en Ligne",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-woman-with-electronic-cigar_1153-547.jpg",          imageAlt: "Jessica M."},
        {
          id: "t6",          name: "Chris B.",          role: "Testeur de Produits",          company: "Enthousiaste de la Technologie Vape",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-pressing-ringbell_1187-3687.jpg",          imageAlt: "Chris B."},
      ]}
      title="Ce que Disent Nos Clients"
      description="Écoutez directement nos clients satisfaits parler de leur expérience avec les produits et services de La Casa De Vape."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "VaporTech Innovations",        "Elite Mods Inc.",        "FlavorCraft Labs",        "PodMaster Solutions",        "CoilGenius Manufacturing",        "BatteryPro Essentials",        "Global Vape Supply"]}
      title="Nos Partenaires de Marque de Confiance"
      description="Nous sommes fiers de nous associer aux noms leaders de l'industrie de la vape pour vous offrir uniquement les produits de la plus haute qualité et les plus fiables."
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Quels types de produits de vape proposez-vous ?",          content: "Nous offrons une large gamme de produits de vape, y compris des kits de démarrage, des systèmes de mod avancés, diverses saveurs d'e-liquides (sel de nicotine et base libre), des bobines, des batteries et d'autres accessoires essentiels."},
        {
          id: "q2",          title: "Comment choisir la bonne vape pour moi ?",          content: "Notre équipe d'experts est là pour vous aider ! Tenez compte de votre niveau d'expérience, de votre style de vapotage préféré (MTL ou DTL) et des fonctionnalités souhaitées. Vous pouvez nous contacter pour des recommandations personnalisées ou consulter notre guide du débutant sur le blog."},
        {
          id: "q3",          title: "Quelles sont vos politiques d'expédition ?",          content: "Nous offrons des options d'expédition rapides et discrètes. Les délais de livraison et les coûts varient en fonction de votre emplacement et de la méthode d'expédition choisie. Vous pouvez trouver des informations détaillées sur notre page 'Expédition et Retours'."},
        {
          id: "q4",          title: "Proposez-vous l'expédition internationale ?",          content: "Actuellement, nous expédions principalement en [Votre Pays/Région]. Veuillez consulter notre politique d'expédition ou contacter le service client pour toute question concernant l'expédition internationale et les réglementations potentielles."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866689.jpg"
      imageAlt="Représentant du support client aidant avec des questions sur la vape"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Foire Aux Questions"
      description="Trouvez des réponses rapides aux questions courantes sur nos produits, vos commandes et le vapotage en général. Votre guide pour une expérience plus fluide."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contactez-nous"
      title="Connectez-vous avec La Casa De Vape"
      description="Vous avez des questions, besoin d'aide ou simplement envie de discuter de vapotage ? Nous sommes là pour vous aider ! Contactez notre équipe pour des conseils d'experts et une assistance."
      imageSrc="http://img.b2bpic.net/free-photo/blurred-electronics-store_1203-711.jpg"
      imageAlt="Intérieur moderne d'un magasin de vape avec un personnel amical"
      mediaAnimation="opacity"
      inputPlaceholder="Entrez votre e-mail"
      buttonText="Envoyer le message"
      termsText="En envoyant un message, vous confirmez avoir 21 ans et plus et acceptez nos Conditions Générales."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/vaping-apparel-illustration_225004-1858.jpg"
      logoAlt="Logo La Casa De Vape"
      columns={[
        {
          items: [
            {
              label: "Accueil",              href: "#home"},
            {
              label: "Produits",              href: "#products"},
            {
              label: "Fonctionnalités",              href: "#features"},
          ],
        },
        {
          items: [
            {
              label: "À Propos de Nous",              href: "#about"},
            {
              label: "Témoignages",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
          ],
        },
        {
          items: [
            {
              label: "Contact",              href: "#contact"},
            {
              label: "Politique de Confidentialité",              href: "#"},
            {
              label: "Conditions d'Utilisation",              href: "#"},
          ],
        },
      ]}
      logoText="La Casa De Vape"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
