Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -32,137 +32,26 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Accueil",
+          name: "Accueil",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Produits",
+          name: "Produits",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Mon Compte",
+          name: "Mon Compte",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="LuxeLeather"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
+      <HeroBillboardCarousel
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="L'Essence du Cuir"
       description="Redécouvrez l'élégance intemporelle à travers nos créations artisanales en cuir."
-      leftCarouselItems={[
+      mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg?_wi=1", imageAlt: "Mode Luxe" },
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg", imageAlt: "Savoir-faire" }
-          imageAlt: "Mode Luxe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-adult-caucasian-woman-blonde-black-pajamas-sits-light-room-with-place-text-weekend-enjoyment-concept_197531-31166.jpg?_wi=1",
-          imageAlt: "Détails artisanaux",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317768.jpg",
-          imageAlt: "Cuir de qualité",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-shoemaker-workshop-making-shoes_171337-12271.jpg",
-          imageAlt: "Savoir-faire",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg",
-          imageAlt: "Texture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/men-s-fashion-wallpaper-wooden-background-leather-shoes-with-polishing-tools_53876-145655.jpg",
-          imageAlt: "Balghas",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2194.jpg",
-          imageAlt: "Style minimaliste",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2692.jpg",
-          imageAlt: "Détails",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-adult-blonde-woman-black-pajamas-sits-indoors-white-background-relaxation-concept_197531-31168.jpg",
-          imageAlt: "Artisanat",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-liquid-metal-with-copy-space_23-2148253612.jpg",
-          imageAlt: "Élégance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-business-suit-sitting-chair_1303-17687.jpg",
-          imageAlt: "Luxe",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830393.jpg",
-          imageAlt: "Cuir",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Découvrir",
-          href: "#products",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830425.jpg",
-          alt: "Portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-asian-woman-posing-autumn-clothes_23-2149071347.jpg",
-          alt: "Portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317767.jpg",
-          alt: "Portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317769.jpg",
-          alt: "Portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-woman-black-hat-spring-forest_1157-35552.jpg",
-          alt: "Portrait 5",
-        },
-      ]}
-      avatarText="Rejoignez notre communauté"
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/textile-background_93675-132434.jpg",
-          alt: "Texture 1",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/black-patterned-texture_1194-7015.jpg",
-          alt: "Texture 2",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1257.jpg",
-          alt: "Texture 3",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg",
-          alt: "Texture 4",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/top-view-close-up-vinyl-texture_23-2149075975.jpg",
-          alt: "Texture 5",
-        },
       ]}
+      buttons={[{ text: "Découvrir", href: "#products" }]}
     />
   </div>
 
@@ -171,9 +60,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Un Héritage Moderne"
       description={[
-        "Nous fusionnons tradition artisanale et design contemporain.",
+        "Nous fusionnons tradition artisanale et design contemporain.",        "Nos pièces en cuir sont conçues pour durer et raconter une histoire."]}
-        "Nos pièces en cuir sont conçues pour durer et raconter une histoire.",
-      ]}
     />
   </div>
 
@@ -185,41 +72,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Sac en Cuir Iconique",          price: "450€",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg?_wi=1"},
-          name: "Sac en Cuir Iconique",
-          price: "450€",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Balghas Traditionnels",          price: "120€",          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916721.jpg"},
-          name: "Balghas Traditionnels",
-          price: "120€",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916721.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Petit Sac à Main",          price: "290€",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-brown-leather-bag-close-up-shot-businessman-suit-holding-his-bag-metro-train_549566-2.jpg"},
-          name: "Petit Sac à Main",
-          price: "290€",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-brown-leather-bag-close-up-shot-businessman-suit-holding-his-bag-metro-train_549566-2.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Veste en Cuir",          price: "890€",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24561.jpg"},
-          name: "Veste en Cuir",
-          price: "890€",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24561.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Sacoche Luxe",          price: "350€",          imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073523.jpg"},
-          name: "Sacoche Luxe",
-          price: "350€",
-          imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073523.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Accessoires Cuir",          price: "95€",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-masks_23-2149299867.jpg"},
-          name: "Accessoires Cuir",
-          price: "95€",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-masks_23-2149299867.jpg",
-        },
       ]}
       title="Nos Créations"
       description="Sélection exclusive de vêtements, sacs et balghas."
@@ -234,20 +97,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Cuir Premium",
+          title: "Cuir Premium",          description: "Sélection rigoureuse des meilleures peaux.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-street_1303-29727.jpg?_wi=1"},
-          description: "Sélection rigoureuse des meilleures peaux.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-street_1303-29727.jpg?_wi=1",
-        },
         {
-          title: "Fait à la main",
+          title: "Fait à la main",          description: "Un savoir-faire ancestral préservé.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes_158538-1626.jpg"},
-          description: "Un savoir-faire ancestral préservé.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-brunette-model-dressed-summer-hipster-jacket-jeans-clothes_158538-1626.jpg",
-        },
         {
-          title: "Design Durable",
+          title: "Design Durable",          description: "Une mode qui traverse le temps.",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-sensual-woman-black-leather-jacket-stylish-sunglasses-posing-rocks_273443-5237.jpg"},
-          description: "Une mode qui traverse le temps.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-sensual-woman-black-leather-jacket-stylish-sunglasses-posing-rocks_273443-5237.jpg",
-        },
       ]}
       title="Pourquoi Choisir LuxeLeather"
       description="L'excellence à chaque étape de création."
@@ -261,31 +115,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "std",
+          id: "std",          price: "Gratuit",          name: "Standard",          features: [
-          price: "Gratuit",
+            "3-5 jours ouvrés",            "Suivi inclus"],
-          name: "Standard",
-          features: [
-            "3-5 jours ouvrés",
-            "Suivi inclus",
-          ],
           buttons: [
             {
-              text: "Sélectionner",
+              text: "Sélectionner"},
-            },
           ],
         },
         {
-          id: "exp",
+          id: "exp",          price: "15€",          name: "Express",          features: [
-          price: "15€",
+            "24-48h",            "Emballage cadeau"],
-          name: "Express",
-          features: [
-            "24-48h",
-            "Emballage cadeau",
-          ],
           buttons: [
             {
-              text: "Sélectionner",
+              text: "Sélectionner"},
-            },
           ],
         },
       ]}
@@ -300,60 +142,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Amira S.",          date: "12/03",          title: "Excellence",          quote: "Une qualité exceptionnelle, mes balghas sont parfaits.",          tag: "Luxe",          avatarSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg?_wi=2",          imageAlt: "elegant customer portrait studio"},
-          name: "Amira S.",
-          date: "12/03",
-          title: "Excellence",
-          quote: "Une qualité exceptionnelle, mes balghas sont parfaits.",
-          tag: "Luxe",
-          avatarSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-woman-holding-her-hat-down_23-2148448803.jpg?_wi=2",
-          imageAlt: "elegant customer portrait studio",
-        },
         {
-          id: "2",
+          id: "2",          name: "Julien M.",          date: "10/02",          title: "Ravi",          quote: "Le sac est encore plus beau en vrai.",          tag: "Style",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-people-chatting-classroom_23-2150331688.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-adult-caucasian-woman-blonde-black-pajamas-sits-light-room-with-place-text-weekend-enjoyment-concept_197531-31166.jpg?_wi=2",          imageAlt: "elegant customer portrait studio"},
-          name: "Julien M.",
-          date: "10/02",
-          title: "Ravi",
-          quote: "Le sac est encore plus beau en vrai.",
-          tag: "Style",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-people-chatting-classroom_23-2150331688.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-adult-caucasian-woman-blonde-black-pajamas-sits-light-room-with-place-text-weekend-enjoyment-concept_197531-31166.jpg?_wi=2",
-          imageAlt: "elegant customer portrait studio",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah L.",          date: "05/01",          title: "Service",          quote: "Livraison très rapide et emballage soigné.",          tag: "Service",          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-fashion-designer_23-2151537690.jpg",          imageAlt: "elegant customer portrait studio"},
-          name: "Sarah L.",
-          date: "05/01",
-          title: "Service",
-          quote: "Livraison très rapide et emballage soigné.",
-          tag: "Service",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-fashion-designer_23-2151537690.jpg",
-          imageAlt: "elegant customer portrait studio",
-        },
         {
-          id: "4",
+          id: "4",          name: "Karim B.",          date: "20/12",          title: "Confort",          quote: "La texture du cuir est incroyable.",          tag: "Confort",          avatarSrc: "http://img.b2bpic.net/free-photo/adult-friends-shopping-clothes-together_23-2148385700.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-street_1303-29727.jpg?_wi=2",          imageAlt: "elegant customer portrait studio"},
-          name: "Karim B.",
-          date: "20/12",
-          title: "Confort",
-          quote: "La texture du cuir est incroyable.",
-          tag: "Confort",
-          avatarSrc: "http://img.b2bpic.net/free-photo/adult-friends-shopping-clothes-together_23-2148385700.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-street_1303-29727.jpg?_wi=2",
-          imageAlt: "elegant customer portrait studio",
-        },
         {
-          id: "5",
+          id: "5",          name: "Elena R.",          date: "15/11",          title: "Superbe",          quote: "Un incontournable de ma garde-robe.",          tag: "Mode",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg?_wi=2",          imageAlt: "elegant customer portrait studio"},
-          name: "Elena R.",
-          date: "15/11",
-          title: "Superbe",
-          quote: "Un incontournable de ma garde-robe.",
-          tag: "Mode",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-chic-woman-posing_23-2149267441.jpg?_wi=2",
-          imageAlt: "elegant customer portrait studio",
-        },
       ]}
       title="Ce que disent nos clients"
       description="L'expérience du luxe au quotidien."
@@ -366,20 +163,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Comment entretenir le cuir ?",          content: "Utilisez un baume spécial cuir une fois par mois."},
-          title: "Comment entretenir le cuir ?",
-          content: "Utilisez un baume spécial cuir une fois par mois.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Les retours sont-ils gratuits ?",          content: "Oui, sous 14 jours après réception."},
-          title: "Les retours sont-ils gratuits ?",
-          content: "Oui, sous 14 jours après réception.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Puis-je suivre ma commande ?",          content: "Un lien de suivi est envoyé par email."},
-          title: "Puis-je suivre ma commande ?",
-          content: "Un lien de suivi est envoyé par email.",
-        },
       ]}
       title="Questions Fréquentes"
       description="Tout savoir sur nos services."
@@ -390,16 +178,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       text="Besoin d'une assistance personnalisée pour votre commande ?"
-      buttons={[
+      buttons={[{ text: "Contactez-nous", href: "#" }]}
-        {
-          text: "Contactez-nous",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -408,34 +189,16 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
+            { label: "Accueil", href: "#hero" },
-              label: "Accueil",
+            { label: "Produits", href: "#products" },
-              href: "#hero",
+            { label: "Contact", href: "#contact" },
-            },
-            {
-              label: "Produits",
-              href: "#products",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
           ],
         },
         {
           items: [
-            {
+            { label: "CGU", href: "#" },
-              label: "CGU",
+            { label: "Confidentialité", href: "#" },
-              href: "#",
+            { label: "Mentions Légales", href: "#" },
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-            {
-              label: "Mentions Légales",
-              href: "#",
-            },
           ],
         },
       ]}