Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -1,3 +1,269 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Calendar, Car, Droplet, Home, Leaf, Sparkles, CarFront } from "lucide-react";
+
+export default function LandingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingInline
+      navItems={[
+        {
+          name: "Accueil",          id: "#hero"},
+        {
+          name: "Services",          id: "#services"},
+        {
+          name: "Tarifs",          id: "#pricing"},
+        {
+          name: "Avant/Après",          id: "#results"},
+        {
+          name: "Témoignages",          id: "#testimonials"},
+        {
+          name: "Contact",          id: "#contact"},
+      ]}
+      brandName="Nettoyage Auto & Textile MK"
+      button={{
+        text: "Appelez maintenant",          href: "tel:+33641723047"}}
+      animateOnLoad={true}
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroLogoBillboard
+      background={{
+        variant: "radial-gradient"}}
+      logoText="Nettoyage Auto & Textile MK"
+      description="Nettoyage professionnel auto et textile avec résultats garantis. Découvrez la transformation avant/après de vos sièges et habitacles."
+      buttons={[
+        {
+          text: "Appelez maintenant",          href: "tel:+33641723047"},
+        {
+          text: "Réservez en ligne",          href: "#contact"},
+      ]}
+      imageSrc="https://img.b2bpic.net/premium-photo/car-detailing-plastic-care_769609-715.jpg?id=35249142"
+      imageAlt="Pristine car interior after professional cleaning"
+      mediaAnimation="opacity"
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <MetricSplitMediaAbout
+      useInvertedBackground={true}
+      title="Votre expert en nettoyage auto et textile à Maxstadt"
+      description="Nettoyage Auto & Textile MK offre des services professionnels de nettoyage intérieur de véhicules et de textiles à domicile. Nous redonnons vie à vos intérieurs avec des techniques avancées et des produits écologiques, garantissant une propreté impeccable et un environnement sain."
+      metrics={[
+        {
+          value: "+5",          title: "Ans d'Expérience"},
+        {
+          value: "+200",          title: "Clients Satisfaits"},
+        {
+          value: "100%",          title: "Service Mobile"},
+      ]}
+      tag="À Propos de Nous"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
+      imageAlt="Professional cleaning specialist at work"
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
+    />
+  </div>
+
+  <div id="services" data-section="services">
+      <FeatureCardTwentyFive
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      features={[
+        {
+          title: "Nettoyage Intérieur Auto",          description: "Dépoussiérage, aspiration, nettoyage des surfaces, vitres et désinfection de l'habitacle. Pour une voiture comme neuve.",          icon: Car,
+          mediaItems: [
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg",              imageAlt: "Deep cleaning car interior"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-interior_23-2148194118.jpg",              imageAlt: "Polished car dashboard"},
+          ]
+        },
+        {
+          title: "Nettoyage Textile Domicile",          description: "Canapés, fauteuils, tapis... nous redonnons fraîcheur et propreté à vos textiles d'ameublement, sans les déplacer.",          icon: Home,
+          mediaItems: [
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-cleaning-home_23-2150453344.jpg",              imageAlt: "Professional sofa cleaning"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-rechargeable-vacuum-cleaner-cleaning-home_1303-28246.jpg",              imageAlt: "Clean fabric sofa"},
+          ]
+        },
+        {
+          title: "Détachage et Désinfection",          description: "Élimination des taches tenaces et désinfection complète pour un environnement sain et sans allergènes, pour auto et textile.",          icon: Droplet,
+          mediaItems: [
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg",              imageAlt: "Stain removal from car seat"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",              imageAlt: "Clean car carpet"},
+          ]
+        },
+        {
+          title: "Nettoyage Extérieur Auto",          description: "Lavage carrosserie, jantes, vitres extérieures, et séchage. Pour une brillance éclatante et une protection durable de votre véhicule.",          icon: CarFront,
+          mediaItems: [
+            {
+              imageSrc: "https://img.b2bpic.net/premium-photo/professional-car-wash-red-sports-car-getting-foam-wash-with-highpressure-cleaning-shiny_1293074-27557.jpg?id=269203096",              imageAlt: "Man washing car exterior"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193565.jpg?id=20735859",              imageAlt: "Side view of man washing car"
+            }
+          ]
+        }
+      ]}
+      title="Des services adaptés à vos besoins"
+      description="Nous offrons une gamme complète de services de nettoyage pour redonner à vos véhicules et textiles leur éclat d'origine, directement chez vous ou à votre entreprise."
+      tag="Nos Services"
+    />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Nos Formules de Nettoyage"
+      description="Découvrez nos offres personnalisées pour un intérieur impeccable, adaptées à vos besoins et votre budget."
+      tag="Tarifs"
+      plans={[
+        {
+          id: "basic-auto",          badge: "Idéal pour l'entretien",          price: "À partir de 60€",          name: "Formule Éclat Express (Intérieur Auto)",          features: [
+            "Aspiration approfondie des sièges et moquettes",            "Nettoyage des surfaces (tableau de bord, portes)",            "Nettoyage des vitres intérieures",            "Désinfection légère de l'habitacle",            "Assainissement de l'air"
+          ],
+          buttons: [{ text: "Réserver", href: "#contact" }]
+        },
+        {
+          id: "standard-auto",          badge: "Le plus populaire",          price: "À partir de 120€",          name: "Formule Propreté Intégrale (Intérieur Auto)",          features: [
+            "Tous les services de la formule Éclat Express",            "Nettoyage en profondeur des sièges et textiles (extraction)",            "Traitement des taches tenaces",            "Rénovation des plastiques et cuirs",            "Désodorisation avancée"
+          ],
+          buttons: [{ text: "Réserver", href: "#contact" }]
+        },
+        {
+          id: "textile-home",          badge: "Pour votre domicile",          price: "Devis Personnalisé",          name: "Formule Confort Domicile (Textile)",          features: [
+            "Nettoyage de canapés, fauteuils ou tapis",            "Détachage et traitement des odeurs",            "Désinfection des fibres",            "Protection des textiles (en option)",            "Service sur site"
+          ],
+          buttons: [{ text: "Demander un devis", href: "#contact" }]
+        }
+      ]}
+    />
+  </div>
+
+  <div id="results" data-section="results">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      products={[
+        {
+          id: "car-seat-before",          name: "Siège Auto",          price: "Avant",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/metalic-fabric-texture_53876-31249.jpg",          imageAlt: "Dirty car seat before cleaning"},
+        {
+          id: "car-seat-after",          name: "Siège Auto",          price: "Après",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-winter-roadtrip_23-2149314838.jpg",          imageAlt: "Clean car seat after cleaning"},
+        {
+          id: "sofa-before",          name: "Canapé Tissu",          price: "Avant",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-sheepskin-with-whisk-broom_1398-432.jpg",          imageAlt: "Stained fabric sofa before cleaning"},
+        {
+          id: "sofa-after",          name: "Canapé Tissu",          price: "Après",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/modern-couch-furniture-living-room_23-2148511254.jpg",          imageAlt: "Clean fabric sofa after cleaning"},
+        {
+          id: "dashboard-before",          name: "Tableau de Bord",          price: "Avant",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",          imageAlt: "Dusty car dashboard before cleaning"},
+        {
+          id: "dashboard-after",          name: "Tableau de Bord",          price: "Après",          variant: "Sales",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163661.jpg",          imageAlt: "Clean car dashboard after cleaning"},
+      ]}
+      title="Découvrez la transformation impressionnante"
+      description="Voyez par vous-même la différence qu'un nettoyage professionnel peut faire. Nos galeries avant/après parlent d'elles-mêmes."
+      tag="Avant / Après"
+    />
+  </div>
+
+  <div id="why-us" data-section="why-us">
+      <MetricCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="uniform-all-items-equal"
+      useInvertedBackground={false}
+      metrics={[
+        {
+          id: "1",          value: "98%",          title: "Satisfaction Client",          description: "Des retours positifs qui prouvent notre engagement.",          icon: Sparkles,
+        },
+        {
+          id: "2",          value: "Écologique",          title: "Produits Respectueux",          description: "Utilisation de produits biodégradables et sûrs pour votre famille et animaux.",          icon: Leaf,
+        },
+        {
+          id: "3",          value: "Flexible",          title: "Rendez-vous Adaptés",          description: "Nous nous adaptons à votre emploi du temps pour une intervention à votre convenance.",          icon: Calendar,
+        },
+      ]}
+      title="Votre satisfaction, notre priorité"
+      description="Plus qu'un simple nettoyage, nous offrons une expérience de service inégalée, axée sur la qualité, la confiance et la commodité."
+      tag="Pourquoi Nous Choisir"
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardSix
+      useInvertedBackground={true}
+      animationType="slide-up"
+      textboxLayout="default"
+      title="Ce que nos clients disent de nous"
+      description="Découvrez les expériences authentiques de nos clients qui ont transformé leurs intérieurs grâce à nos services."
+      tag="Témoignages"
+      testimonials={[
+        {
+          id: "1",          name: "Marc Dupont",          handle: "@MarcD_Clean",          testimonial: "Nettoyage MK a fait des merveilles sur ma voiture ! Les sièges sont comme neufs, et l'odeur de frais est incroyable. Service rapide et professionnel.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-that-works-home_329181-14524.jpg",          imageAlt: "Portrait of Marc Dupont"
+        },
+        {
+          id: "2",          name: "Sophie Martin",          handle: "@SophieM_Home",          testimonial: "Mon canapé avait des taches incrustées depuis des années. Nettoyage MK est intervenu à domicile et le résultat est bluffant ! Je recommande à 100% !",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",          imageAlt: "Portrait of Sophie Martin"
+        },
+        {
+          id: "3",          name: "Jean Louis",          handle: "@JL_Maxstadt",          testimonial: "Équipe très efficace et courtoise. Ils ont désinfecté l'intérieur de mon véhicule après un petit incident, et c'est impeccable. Merci !",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",          imageAlt: "Portrait of Jean Louis"
+        },
+        {
+          id: "4",          name: "Emma Dubois",          handle: "@EmmaD_Auto",          testimonial: "J'ai réservé pour un nettoyage complet de ma voiture avant de la vendre. Le résultat était si parfait que je regrette presque de m'en séparer !",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-near-car_23-2147670240.jpg",          imageAlt: "Portrait of Emma Dubois"
+        },
+        {
+          id: "5",          name: "Paul Leclerc",          handle: "@Paul_Textile",          testimonial: "Service de nettoyage de tapis à domicile exceptionnel. Ils ont réussi à enlever des taches tenaces que je pensais permanentes. Vraiment impressionnant.",          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",          imageAlt: "Portrait of Paul Leclerc"
+        }
+      ]}
+      speed={40}
+      topMarqueeDirection="left"
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqBase
+      textboxLayout="default"
+      useInvertedBackground={false}
+      faqs={[
+        {
+          id: "q1",          title: "Quels sont vos tarifs ?",          content: "Nos tarifs varient selon le service et le type de véhicule/textile. Contactez-nous pour un devis gratuit et personnalisé."},
+        {
+          id: "q2",          title: "Vous déplacez-vous à domicile ?",          content: "Oui, nous offrons un service mobile et nous déplaçons directement chez vous ou sur votre lieu de travail à Maxstadt et ses environs."},
+        {
+          id: "q3",          title: "Quels produits utilisez-vous ?",          content: "Nous utilisons des produits professionnels, efficaces et respectueux de l'environnement, sans danger pour les enfants et les animaux domestiques."},
       ]}
       title="Vos questions, nos réponses"
       description="Trouvez rapidement des réponses aux questions les plus fréquentes concernant nos services de nettoyage auto et textile."
@@ -34,16 +300,12 @@
               label: "Nettoyage Textile",              href: "#services"},
             {
               label: "Détachage",              href: "#services"},
-            {
-              label: "Tarifs",              href: "#pricing"}
           ],
         },
         {
           title: "Navigation",          items: [
             {
               label: "Accueil",              href: "#hero"},
-            {
-              label: "Tarifs",              href: "#pricing"},
             {
               label: "Avant/Après",              href: "#results"},
             {
@@ -70,4 +332,4 @@
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}