"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { CheckCircle, Facebook, Instagram, Linkedin, Shield, Sparkles, Star, Tag, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Accueil",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Véhicules d'occasion",          id: "#vehicles"},
        {
          name: "À propos",          id: "#about"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Renault Dacia Roquevaire"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Quarante ans de confiance sur la route"
      description="Depuis 1984, Renault Dacia Roquevaire Automobiles offre mécanique, carrosserie-peinture et véhicules d'occasion certifiés. Une équipe locale d'experts au service des automobilistes de Roquevaire, Auriol, Aubagne et environs."
      buttons={[
        {
          text: "Prendre rendez-vous",          href: "#contact"},
        {
          text: "Découvrir nos véhicules",          href: "#vehicles"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg"
      imageAlt="Modern car dealership showroom with multiple vehicles"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117118.jpg",          alt: "Happy couple in car showroom dealership"},
        {
          src: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45023.jpg",          alt: "Ladies in a car salon. Woman buying the car. Elegant woman in a blue dress. Manager helps the client."},
        {
          src: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",          alt: "Woman looking at a car in a car showroom"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19782.jpg",          alt: "Young woman in a car showroom choosing a car"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22809.jpg",          alt: "Young beautiful woman choosing car in a car showroom"},
      ]}
      avatarText="Rejoignez nos 40 000 clients satisfaits!"
      marqueeItems={[
        {
          type: "text-icon",          text: "Entretien certifié",          icon: CheckCircle,
        },
        {
          type: "text-icon",          text: "Véhicules garantis",          icon: Shield,
        },
        {
          type: "text-icon",          text: "Service client 5 étoiles",          icon: Star,
        },
        {
          type: "text-icon",          text: "Pièces d'origine",          icon: Wrench,
        },
        {
          type: "text-icon",          text: "Devis gratuit",          icon: Tag,
        },
        {
          type: "text-icon",          text: "40 ans d'expertise",          icon: Sparkles,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "40 Ans d'Expertise Automobile à Roquevaire"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110873.jpg",          alt: "Experienced mechanic working diligently on a car engine"
        }
      ]}
      buttons={[
        {
          text: "Notre histoire",          href: "#about"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Mécanique toutes marques",          description: "Diagnostic, entretien, révision, freinage, distribution... Nos experts prennent soin de votre véhicule avec rigueur et transparence, pour toutes les marques.",          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367550.jpg",          imageAlt: "Mechanic performing detailed engine inspection"},
        {
          title: "Carrosserie & Peinture",          description: "Du petit accroc aux réparations majeures, notre atelier de carrosserie redonne à votre véhicule son éclat d'origine. Expertise en peinture et tôlerie.",          imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg",          imageAlt: "Car undergoing bodywork and painting in a professional booth"},
        {
          title: "Véhicules d'Occasion Certifiés",          description: "Découvrez notre sélection de véhicules d'occasion, rigoureusement inspectés et garantis. Trouvez la voiture qui vous correspond, en toute confiance.",          imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg",          imageAlt: "Certified used car on display in a clean showroom"},
      ]}
      title="Nos Services Essentiels"
      description="De l'entretien quotidien à la réparation spécialisée, nous couvrons tous vos besoins automobiles avec professionnalisme et engagement."
    />
  </div>

  <div id="vehicles" data-section="vehicles">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Dacia Sandero Stepway",          price: "€14 990",          variant: "Essence, 2022",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-near-car_23-2149437583.jpg",          imageAlt: "Red Dacia Sandero Stepway"},
        {
          id: "2",          name: "Renault Clio V",          price: "€16 500",          variant: "Diesel, 2021",          imageSrc: "http://img.b2bpic.net/free-vector/car-wrap-geometric-design_23-2148494329.jpg",          imageAlt: "Blue Renault Clio V"},
        {
          id: "3",          name: "Dacia Duster",          price: "€18 750",          variant: "Diesel, 2020",          imageSrc: "http://img.b2bpic.net/free-photo/young-trendy-father-with-his-little-daughter-having-fun-by-car_1303-18546.jpg",          imageAlt: "White Dacia Duster SUV"},
        {
          id: "4",          name: "Renault Captur",          price: "€21 000",          variant: "Hybride, 2022",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-herself_1303-28031.jpg",          imageAlt: "Orange Renault Captur"},
        {
          id: "5",          name: "Dacia Jogger",          price: "€19 200",          variant: "Essence, 2023",          imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6645.jpg",          imageAlt: "Grey Dacia Jogger family car"},
        {
          id: "6",          name: "Renault Arkana",          price: "€28 500",          variant: "Hybride, 2023",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg",          imageAlt: "Black Renault Arkana SUV"},
      ]}
      title="Nos Véhicules d'Occasion"
      description="Découvrez notre large sélection de véhicules d'occasion, tous rigoureusement inspectés, révisés et garantis pour votre tranquillité d'esprit."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Marie Dupont",          handle: "@MarieD",          testimonial: "Un service mécanique impeccable et des conseils honnêtes. Mon véhicule n'a jamais été aussi bien entretenu. Merci à toute l'équipe!",          imageSrc: "https://www.largus.fr/images/renault/dacia_sandero_stepway/i_renault_dacia_sandero_stepway-stepway-tce-90-expression-go_1270.jpg",          imageAlt: "Dacia Sandero Stepway in a dealership showroom"},
        {
          id: "2",          name: "Jean-Luc Petit",          handle: "@JLPAuto",          testimonial: "J'ai acheté ma Dacia d'occasion ici et je suis ravi. La voiture était comme neuve et le suivi après-vente est excellent. Je recommande!",          imageSrc: "https://images.bfmtv.com/YwN9qR5bSjL_qI9p0vVz0QeX0t8=/0x106:1920x1186/1920x0/images/La-nouvelle-generation-du-Dacia-Duster-1834226.jpg",          imageAlt: "New generation Dacia Duster SUV, front three-quarter view"},
        {
          id: "3",          name: "Sophie Martin",          handle: "@SophieM",          testimonial: "Ma voiture a subi des dégâts de carrosserie et le résultat est bluffant. On dirait qu'elle n'a jamais rien eu! Travail de pro.",          imageSrc: "https://cdn.drive.ru/files/galleries/5400/393/1125x750/5400393.jpeg",          imageAlt: "Silver Dacia Sandero parked on a street"},
        {
          id: "4",          name: "Antoine Dubois",          handle: "@AntoineD",          testimonial: "Fidèle client depuis des années. Toujours à l'écoute, toujours efficaces. C'est rare de trouver un garage aussi fiable de nos jours.",          imageSrc: "https://www.largus.fr/images/renault/dacia_duster/i_renault_dacia_duster-tce-130-expression_47.jpg",          imageAlt: "Dacia Duster TCE 130 Expression, dynamic shot"},
        {
          id: "5",          name: "Isabelle Leroy",          handle: "@IsabelleL",          testimonial: "Le personnel est très accueillant et compétent. Ils ont pris le temps de m'expliquer les réparations nécessaires sans pousser à la consommation.",          imageSrc: "https://www.autojournal.fr/sites/autojournal/files/styles/w800/public/images/2021/01/nouveau-dacia-sandero-stepway-vs-ancien-duster-2_0.jpg?itok=p_D0uL5v",          imageAlt: "New Dacia Sandero Stepway and old Duster side by side"},
        {
          id: "6",          name: "Thomas Bernard",          handle: "@ThomasB",          testimonial: "Un garage familial où la confiance est le maître-mot. Mes véhicules de fonction sont toujours prêts à temps et parfaitement entretenus.",          imageSrc: "https://www.automobile-magazine.fr/var/plain_site/storage/images/media/galleries/constructeurs/dacia/dacia-duster-2024/dacia-duster-2024-33-034/11075674-1-fre-FR/dacia-duster-2024-33-034.jpg",          imageAlt: "2024 Dacia Duster in an outdoor setting"},
      ]}
      title="Ce que nos clients disent de nous"
      description="La satisfaction de nos clients est notre plus grande fierté. Découvrez leurs témoignages et la confiance qu'ils nous accordent année après année."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "AXA Assurances",        "MAIF",        "Groupama",        "Allianz France",        "Macif",        "Generali",        "Direct Assurance",        "Crédit Agricole Assurances",        "Société Générale Assurances"]}
      title="Nos Partenaires de Confiance"
      description="Nous sommes fiers de collaborer avec des partenaires majeurs pour vous offrir des services de qualité, reconnus par les assurances et les flottes d'entreprise."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Contact"
      title="Contactez-nous pour un rendez-vous"
      description="Besoin d'un entretien, d'une réparation ou d'informations sur nos véhicules? Notre équipe est à votre disposition pour vous conseiller et vous accompagner."
      imageSrc="https://www.renault.fr/content/dam/Renault/fr/services/atelier/entretien-reparations/mecanique-et-carrosserie.jpg.ximg.m.scale.original.jpg"
      imageAlt="Mechanic working in a modern Renault Dacia service center"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Votre adresse email"
      buttonText="Envoyer"
      termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Termes et Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Renault Dacia Roquevaire"
      copyrightText="© 2024 Renault Dacia Roquevaire Automobiles. Tous droits réservés."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/renaultdacia.roquevaire",          ariaLabel: "Facebook page"},
        {
          icon: Instagram,
          href: "https://instagram.com/renaultdacia.roquevaire",          ariaLabel: "Instagram page"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/renault-dacia-roquevaire",          ariaLabel: "LinkedIn profile"},
      ]}
      logoSrc="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Renault_logo_2021.svg/1200px-Renault_logo_2021.svg.png"
      logoAlt="Renault Dacia logo"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}