"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 FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Accueil",
          id: "hero",
        },
        {
          name: "Produits",
          id: "products",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Max Trains"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Max Trains, la référence des trains miniatures"
      description="Votre boutique spécialisée en trains miniatures, pistes de course et matériel de modélisme de précision."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg",
          imageAlt: "Model train display",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg",
          imageAlt: "Locomotive detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg",
          imageAlt: "Diorama setup",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg",
          imageAlt: "Product collection",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg",
          imageAlt: "Miniature landscape",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg",
          imageAlt: "Product collection",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg",
          imageAlt: "Miniature landscape",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-trains-frame-with-copy-space_23-2148666254.jpg",
          imageAlt: "Train track detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg",
          imageAlt: "Model train display",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg",
          imageAlt: "Locomotive detail",
        },
      ]}
      buttons={[
        {
          text: "Découvrir le catalogue",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/kids-looking-miniature-houses-shelves_23-2151191364.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-locomotive_23-2149371543.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916622.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/metal-shelves-different-colored-buoys_181624-6309.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-small-chair-park_1150-20149.jpg",
          alt: "Client 5",
        },
      ]}
      avatarText="Rejoignez plus de 5 000 passionnés"
      marqueeItems={[
        {
          type: "text",
          text: "Modélisme ferroviaire",
        },
        {
          type: "text",
          text: "Pistes de course",
        },
        {
          type: "text",
          text: "Précision",
        },
        {
          type: "text",
          text: "Expertise",
        },
        {
          type: "text",
          text: "Passion",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="Expertise"
      title="La passion du modélisme à votre service"
      buttons={[
        {
          text: "En savoir plus",
          href: "#faq",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Locomotive Athearn",
          price: "199.99 €",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-vintage-train_23-2147770301.jpg",
        },
        {
          id: "p2",
          name: "Wagons Atlas",
          price: "45.00 €",
          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-train-made-interlocking-toy-blocks_23-2150905411.jpg",
        },
        {
          id: "p3",
          name: "Rails Bachmann",
          price: "29.99 €",
          imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2812.jpg",
        },
        {
          id: "p4",
          name: "Piste Carrera",
          price: "89.99 €",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-small-cars-model-road-traffic-conception_1150-20107.jpg",
        },
        {
          id: "p5",
          name: "Locomotive Kato",
          price: "175.50 €",
          imageSrc: "http://img.b2bpic.net/free-photo/steam-train-mocanita-railway-station-romania_1268-20316.jpg",
        },
        {
          id: "p6",
          name: "Kit Tamiya",
          price: "55.00 €",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-paint-inside-little-can-white-background_140725-103456.jpg",
        },
      ]}
      title="Catalogue de produits"
      description="Parcourez nos catégories parmi les plus grandes marques de modélisme."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Quels sont les délais de livraison ?",
          content: "Nous expédions généralement sous 48h par transporteur sécurisé.",
        },
        {
          id: "f2",
          title: "Puis-je retourner un produit ?",
          content: "Vous disposez de 14 jours pour nous retourner tout produit non utilisé.",
        },
        {
          id: "f3",
          title: "Offrez-vous un service de conseil ?",
          content: "Oui, notre service à la clientèle est disponible pour vous accompagner.",
        },
      ]}
      sideTitle="Questions fréquentes"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Contact"
      title="Une question sur votre commande ?"
      description="Notre équipe est à votre disposition pour vous aider dans le choix de vos articles."
      buttons={[
        {
          text: "Contacter le support",
          href: "mailto:support@maxtrains.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Max Trains"
      copyrightText="© 2025 | Max Trains"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
