Update src/app/page.tsx

src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import CellWaveBackground from '@/components/background/CellWaveBackground';
 
 export default function LandingPage() {
   return (
@@ -24,22 +25,17 @@ export default function LandingPage() {
         secondaryButtonStyle="radial-glow"
         headingFontWeight="bold"
     >
+      <CellWaveBackground />
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "SNEAKERS",
+          name: "SNEAKERS",          id: "#sneakers"},
-          id: "#sneakers",
-        },
         {
-          name: "VÊTEMENTS",
+          name: "VÊTEMENTS",          id: "#vetements"},
-          id: "#vetements",
-        },
         {
-          name: "SACS",
+          name: "SACS",          id: "#sacs"},
-          id: "#sacs",
-        },
       ]}
       brandName="LP.STORE"
     />
@@ -48,72 +44,45 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="LP.STORE • DRESSING DESTOCKAGE"
       description="Stock authentique dispo. Envoi rapide 24h. Contactez-nous sur Snap ou Insta pour achat."
       kpis={[
         {
-          value: "50+",
+          value: "50+",          label: "Articles"},
-          label: "Articles",
-        },
         {
-          value: "24h",
+          value: "24h",          label: "Réponse max"},
-          label: "Réponse max",
-        },
         {
-          value: "48h",
+          value: "48h",          label: "Envoi rapide"},
-          label: "Envoi rapide",
-        },
       ]}
       enableKpiAnimation={true}
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884392.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male_23-2148884392.jpg",          alt: "Portrait young handsome male"},
-          alt: "Portrait young handsome male",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-wearing-trucker-hat_23-2149432399.jpg",          alt: "Young man wearing trucker hat"},
-          alt: "Young man wearing trucker hat",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",
+          src: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",          alt: "Pop punk aesthetic portrait of woman posing on metal structure"},
-          alt: "Pop punk aesthetic portrait of woman posing on metal structure",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-dressed-2000-s-fashion-style_23-2149870093.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-dressed-2000-s-fashion-style_23-2149870093.jpg",          alt: "Portrait of young woman dressed in 2000's fashion style"},
-          alt: "Portrait of young woman dressed in 2000's fashion style",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-posing-outdoors_52683-94395.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-man-posing-outdoors_52683-94395.jpg",          alt: "Side view man posing outdoors"},
-          alt: "Side view man posing outdoors",
-        },
       ]}
       avatarText="Plus de 500+ clients satisfaits"
-      imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-posing-near-modern-business-center-wearing-stylish-leather-spiked-jacket-black-jeans-sunglasses-brutal-look_291049-1570.jpg"
+      imageSrc="https://img.freepik.com/free-photo/vibrant-futuristic-abstract-background-glowing-neon-lines-geometric-shapes_23-2149652579.jpg"
-      imageAlt="Streetwear fashion showcase"
+      imageAlt="Streetwear aesthetic background"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "SNEAKERS"},
-          text: "SNEAKERS",
-        },
         {
-          type: "text",
+          type: "text",          text: "VÊTEMENTS"},
-          text: "VÊTEMENTS",
-        },
         {
-          type: "text",
+          type: "text",          text: "SACS"},
-          text: "SACS",
-        },
         {
-          type: "text",
+          type: "text",          text: "DESTOCKAGE"},
-          text: "DESTOCKAGE",
-        },
         {
-          type: "text",
+          type: "text",          text: "AUTHENTIQUE"},
-          text: "AUTHENTIQUE",
-        },
       ]}
     />
   </div>
@@ -126,47 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Adidas Samba OG",          price: "45€",          variant: "40, 42",          imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg"},
-          name: "Adidas Samba OG",
-          price: "45€",
-          variant: "40, 42",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sneakers-riding-skateboard-outdoor-asphalt-surface_158595-4159.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Birkenstock Boston",          price: "35€",          variant: "38-42",          imageSrc: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg"},
-          name: "Birkenstock Boston",
-          price: "35€",
-          variant: "38-42",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-ferris-wheel-high-angle_23-2149748533.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Doudoune Noire",          price: "45€",          variant: "M, L, XL",          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25988.jpg"},
-          name: "Doudoune Noire",
-          price: "45€",
-          variant: "M, L, XL",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25988.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Veste Outdoor",          price: "40€",          variant: "M, L",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-trucker-hat_23-2149412790.jpg"},
-          name: "Veste Outdoor",
-          price: "40€",
-          variant: "M, L",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing-with-trucker-hat_23-2149412790.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Guess Tote Bag",          price: "45€",          variant: "Monogram",          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916687.jpg"},
-          name: "Guess Tote Bag",
-          price: "45€",
-          variant: "Monogram",
-          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-aesthetic-tiles-with-women-s-bag_23-2150916687.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Alo Yoga Set",          price: "35€",          variant: "S, M",          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-pensive-woman-being-good-physical-shape-takes-rest-urban-setting-wears-sportswear-holds-bottle-water-refresh-feels-satisfied-from-well-done-training-sporty-lifestyle_273609-59136.jpg"},
-          name: "Alo Yoga Set",
-          price: "35€",
-          variant: "S, M",
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-pensive-woman-being-good-physical-shape-takes-rest-urban-setting-wears-sportswear-holds-bottle-water-refresh-feels-satisfied-from-well-done-training-sporty-lifestyle_273609-59136.jpg",
-        },
       ]}
       title="LE CATALOGUE"
       description="Découvre nos pièces uniques disponibles en stock limité."
@@ -179,25 +118,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "1. Choix",          content: "Choisis ton article et clique sur le bouton contact."},
-          title: "1. Choix",
-          content: "Choisis ton article et clique sur le bouton contact.",
-        },
         {
-          id: "2",
+          id: "2",          title: "2. Discussion",          content: "On finalise le prix et les détails sur Snap ou Insta."},
-          title: "2. Discussion",
-          content: "On finalise le prix et les détails sur Snap ou Insta.",
-        },
         {
-          id: "3",
+          id: "3",          title: "3. Paiement",          content: "PayPal, virement, ou espèces en main propre."},
-          title: "3. Paiement",
-          content: "PayPal, virement, ou espèces en main propre.",
-        },
         {
-          id: "4",
+          id: "4",          title: "4. Expédition",          content: "Colissimo 48-72h (3,70€) ou remise en main propre."},
-          title: "4. Expédition",
-          content: "Colissimo 48-72h (3,70€) ou remise en main propre.",
-        },
       ]}
       title="COMMANDER"
       description="Simple et rapide."
@@ -212,13 +139,9 @@ export default function LandingPage() {
       description="Nous sélectionnons uniquement les meilleures pièces streetwear pour vous garantir authenticité et style à prix réduit."
       metrics={[
         {
-          value: "100%",
+          value: "100%",          title: "Authenticité"},
-          title: "Authenticité",
-        },
         {
-          value: "500+",
+          value: "500+",          title: "Ventes réalisées"},
-          title: "Ventes réalisées",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-black-jacket-walking-through-bridge_1303-25985.jpg"
       imageAlt="Woman in black jacket walking through the bridge"
@@ -231,8 +154,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="CONTACT"
       title="BESOIN D'INFOS ?"
       description="Envoie-nous un message direct sur Snapchat ou Instagram."
@@ -246,29 +168,19 @@ export default function LandingPage() {
       logoText="LP.STORE"
       columns={[
         {
-          title: "SOCIAL",
+          title: "SOCIAL",          items: [
-          items: [
             {
-              label: "Snapchat",
+              label: "Snapchat",              href: "https://snapchat.com/add/MON_PSEUDO_SNAP"},
-              href: "https://snapchat.com/add/MON_PSEUDO_SNAP",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com/MON_PSEUDO_INSTA"},
-              href: "https://instagram.com/MON_PSEUDO_INSTA",
-            },
           ],
         },
         {
-          title: "SERVICE",
+          title: "SERVICE",          items: [
-          items: [
             {
-              label: "Authentique",
+              label: "Authentique",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Envoi Colissimo",
+              label: "Envoi Colissimo",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -278,4 +190,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}