"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Check, Shield, Sparkles, Wrench, Disc, Hammer } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "Accueil", id: "#hero" },
        { name: "Atelier", id: "#about" },
        { name: "Services", id: "#services" },
        { name: "Contact", id: "/contact" },
      ]}
      brandName="Dyez Motor"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{ variant: "gradient-bars" }}
      title="Dyez Motor : L'Art du Pilotage"
      description="Expertise technique et passion pour vos deux-roues. Nous redonnons vie à vos machines avec précision."
      buttons={[{ text: "Prendre Rendez-vous", href: "/contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866661.jpg"
      imageAlt="Atelier Dyez Motor"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/busy-workshop-with-broken-mountain-bicycle-table_613910-20760.jpg", alt: "Client moto satisfait" },
        { src: "http://img.b2bpic.net/free-photo/handsome-redhead-male-jeans-coverall-working-with-bicycle-wheel-repair-shop-worker-removes-bicycle-tire-workshop_613910-5549.jpg", alt: "Client moto satisfait" },
        { src: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866640.jpg", alt: "Client moto satisfait" },
        { src: "http://img.b2bpic.net/free-photo/portrait-red-head-bearded-bicycle-mechanic-workshop-with-bike-parts-wheel-background_613910-12622.jpg", alt: "Client moto satisfait" },
        { src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8091.jpg", alt: "Client moto satisfait" },
      ]}
      avatarText="Rejoignez nos 5000+ passionnés"
      marqueeItems={[
        { type: "image", src: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8099.jpg", alt: "Logo marque 1" },
        { type: "text", text: "Performance" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/two-handsome-stylish-males-working-with-bicycle-repair-shop-workers-repair-mounts-bike-workshop_613910-19667.jpg", alt: "Logo marque 2" },
        { type: "text", text: "Précision" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8079.jpg", alt: "Logo marque 3" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="L'Excellence Mécanique"
      description={[
        "Dyez Motor est un atelier dédié aux passionnés. Nous combinons des années d'expérience avec des outils de pointe pour assurer la performance et la sécurité de votre moto.",        "Chaque intervention est traitée avec le plus grand soin, respectant les standards les plus exigeants de la mécanique moto."
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { title: "Entretien Complet", description: "Révisions constructeur et vidanges haute performance.", media: { imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8093.jpg", imageAlt: "Entretien complet" }, items: [{ icon: Wrench, text: "Expertise certifiée" }, { icon: Check, text: "Pièces d'origine" }], reverse: false },
        { title: "Sécurité & Freinage", description: "Contrôle intégral et remplacement de vos systèmes de freinage.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8123.jpg", imageAlt: "Sécurité freinage" }, items: [{ icon: Shield, text: "Fiabilité accrue" }, { icon: Disc, text: "Test sur banc" }], reverse: true },
        { title: "Restauration", description: "Redonnez à votre machine son lustre d'antan.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fixing-custom-motorcycle-standing-repair-shop-instruments-equipment-hobbies-unique-jobs_158595-8095.jpg", imageAlt: "Restauration moto" }, items: [{ icon: Sparkles, text: "Finition luxueuse" }, { icon: Hammer, text: "Travail artisanal" }], reverse: false },
      ]}
      title="Nos Services"
      description="Une gamme complète de prestations pour tous types de motos."
    />
  </div>

  <div id="work-standards" data-section="work-standards">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[{ id: "1", value: "15+", description: "Années d'expérience" }, { id: "2", value: "5000+", description: "Motos révisées" }, { id: "3", value: "99%", description: "Clients satisfaits" }]}
      title="Chiffres Clés"
      description="La confiance se gagne par les faits."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Marc L.", date: "12/03/2024", title: "Passionné", quote: "Un service d'une précision incroyable.", tag: "Sport", avatarSrc: "http://img.b2bpic.net/free-photo/man-helping-woman-put-helmet_23-2147764127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-scooter-tech-shop_1303-31316.jpg" },
        { id: "2", name: "Sophie P.", date: "10/02/2024", title: "Routarde", quote: "Enfin un garage qui écoute les besoins.", tag: "Tourisme", avatarSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-1094.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg" },
        { id: "3", name: "Thomas V.", date: "05/01/2024", title: "Collectionneur", quote: "La restauration est parfaite.", tag: "Vintage", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-leather-jacket-motorcycle_23-2148328607.jpg", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585646.jpg" },
        { id: "4", name: "Lucas D.", date: "20/12/2023", title: "Biker", quote: "Rapidité et qualité au top.", tag: "Custom", avatarSrc: "http://img.b2bpic.net/free-photo/man-with-leather-jacket-motorcycle_23-2148328603.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574390.jpg" },
        { id: "5", name: "Julien B.", date: "15/11/2023", title: "Quotidien", quote: "Professionnel et accueillant.", tag: "Ville", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-biker-putting-his-helmet_1098-19069.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-old-motorcycle_23-2148703210.jpg" },
      ]}
      title="Ce que disent nos pilotes"
      description="Des retours d'expérience authentiques."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[{ id: "1", title: "Prenez-vous toutes les marques ?", content: "Oui, notre expertise couvre l'ensemble des constructeurs majeurs." }, { id: "2", title: "Quels sont les délais ?", content: "Nous nous engageons sur des délais rapides, sur rendez-vous." }, { id: "3", title: "Faites-vous des devis ?", content: "Systématiquement avant toute intervention majeure." }]}
      title="Questions Fréquentes"
      description="Informations utiles sur nos interventions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        { title: "Atelier", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "/contact" }] },
        { title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "CGV", href: "#" }] },
      ]}
      logoText="Dyez Motor"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}