From 1cb8627efa8496c6be09b00f1f96f47daa5fa448 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 20:03:06 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 449 ++++++++++++++---------------------------------
 1 file changed, 132 insertions(+), 317 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aba790f..43f305f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,332 +28,147 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Le Magasin",
-          id: "about",
-        },
-        {
-          name: "Collections",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Stor'age"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "Le Magasin", id: "about" },
+              { name: "Collections", id: "products" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Stor'age"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Stor'age : L'élégance à Caen"
-      description="Découvrez une sélection pointue de vêtements et accessoires pour hommes au cœur de la Normandie. Qualité, style et conseil personnalisé."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949779.jpg?_wi=1",
-          imageAlt: "Boutique Stor'age",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19711.jpg?_wi=1",
-          imageAlt: "Intérieur magasin",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hands-using-smartphone_285396-6599.jpg?_wi=1",
-          imageAlt: "Détails textiles",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26763.jpg",
-          imageAlt: "Vitrine",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg",
-          imageAlt: "Rayonnage",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Stor'age : L'élégance à Caen"
+            description="Découvrez une sélection pointue de vêtements et accessoires pour hommes au cœur de la Normandie. Qualité, style et conseil personnalisé."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949779.jpg", imageAlt: "Boutique Stor'age" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19711.jpg", imageAlt: "Intérieur magasin" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hands-using-smartphone_285396-6599.jpg", imageAlt: "Détails textiles" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26763.jpg", imageAlt: "Vitrine" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg", imageAlt: "Rayonnage" },
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Une institution caennaise"
-      description="Fondé sur la passion du beau et du durable, Stor'age propose aux caennais des pièces intemporelles choisies avec soin. Chaque vêtement raconte une histoire de savoir-faire."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-antique-arm-chair-looking-magazine-clothes-shop_23-2148175638.jpg?_wi=1"
-      imageAlt="Devanture boutique Stor'age"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Une institution caennaise"
+            description="Fondé sur la passion du beau et du durable, Stor'age propose aux caennais des pièces intemporelles choisies avec soin. Chaque vêtement raconte une histoire de savoir-faire."
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-antique-arm-chair-looking-magazine-clothes-shop_23-2148175638.jpg"
+            imageAlt="Devanture boutique Stor'age"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Stor'age",
-          name: "Veste en laine",
-          price: "249€",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          brand: "Stor'age",
-          name: "Chino ajusté",
-          price: "129€",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-82.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Stor'age",
-          name: "Pull cachemire",
-          price: "189€",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-athlete-holding-bars_23-2148861934.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Stor'age",
-          name: "Blazer croisé",
-          price: "320€",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-near-brick-wall-street-background-metrosexual_158538-10596.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Stor'age",
-          name: "Écharpe laine",
-          price: "65€",
-          rating: 5,
-          reviewCount: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-ill-man-wearing-glasses-winter-hat-scarf-wrapped-plaid-holding-cup-showing-thumb-down-isolated-green-wall_141793-79787.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Stor'age",
-          name: "Ceinture cuir",
-          price: "89€",
-          rating: 5,
-          reviewCount: "9",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11345.jpg",
-        },
-      ]}
-      title="Notre Sélection"
-      description="L'essentiel du vestiaire masculin, entre tradition normande et tendances contemporaines."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", brand: "Stor'age", name: "Veste en laine", price: "249€", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg" },
+              { id: "p2", brand: "Stor'age", name: "Chino ajusté", price: "129€", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-82.jpg" },
+              { id: "p3", brand: "Stor'age", name: "Pull cachemire", price: "189€", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-athlete-holding-bars_23-2148861934.jpg" },
+              { id: "p4", brand: "Stor'age", name: "Blazer croisé", price: "320€", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-suit-posing-near-brick-wall-street-background-metrosexual_158538-10596.jpg" },
+              { id: "p5", brand: "Stor'age", name: "Écharpe laine", price: "65€", rating: 5, reviewCount: "4", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-caucasian-ill-man-wearing-glasses-winter-hat-scarf-wrapped-plaid-holding-cup-showing-thumb-down-isolated-green-wall_141793-79787.jpg" },
+              { id: "p6", brand: "Stor'age", name: "Ceinture cuir", price: "89€", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11345.jpg" },
+            ]}
+            title="Notre Sélection"
+            description="L'essentiel du vestiaire masculin, entre tradition normande et tendances contemporaines."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "t1",
-          name: "Marc",
-          role: "Fondateur",
-          imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg",
-        },
-        {
-          id: "t2",
-          name: "Julien",
-          role: "Styliste",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-clothes-rails_23-2147786804.jpg",
-        },
-        {
-          id: "t3",
-          name: "Lucas",
-          role: "Conseiller",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-male-fashion-designer-trying-coat-his-customer-shop_23-2148180346.jpg",
-        },
-      ]}
-      title="L'équipe Stor'age"
-      description="Passionnés par la mode masculine, nos conseillers vous accompagnent pour définir votre style avec précision."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardOne
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            animationType="blur-reveal"
+            members={[
+              { id: "t1", name: "Marc", role: "Fondateur", imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929546.jpg" },
+              { id: "t2", name: "Julien", role: "Styliste", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-clothes-rails_23-2147786804.jpg" },
+              { id: "t3", name: "Lucas", role: "Conseiller", imageSrc: "http://img.b2bpic.net/free-photo/senior-male-fashion-designer-trying-coat-his-customer-shop_23-2148180346.jpg" },
+            ]}
+            title="L'équipe Stor'age"
+            description="Passionnés par la mode masculine, nos conseillers vous accompagnent pour définir votre style avec précision."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Thomas G.",
-          date: "12 Oct 2023",
-          title: "Excellente adresse",
-          quote: "Une sélection incroyable et des conseils avisés.",
-          tag: "Fidèle",
-          avatarSrc: "http://img.b2bpic.net/free-photo/black-man-city_1157-18153.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949779.jpg?_wi=2",
-          imageAlt: "client homme satisfait mode",
-        },
-        {
-          id: "2",
-          name: "Antoine L.",
-          date: "5 Nov 2023",
-          title: "Qualité au top",
-          quote: "Je ne jure que par leurs pulls en cachemire depuis deux ans.",
-          tag: "Fan",
-          avatarSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19711.jpg?_wi=2",
-          imageAlt: "client homme satisfait mode",
-        },
-        {
-          id: "3",
-          name: "Nicolas M.",
-          date: "20 Nov 2023",
-          title: "Service parfait",
-          quote: "L'accueil est chaleureux et on se sent tout de suite bien conseillé.",
-          tag: "Habitué",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-image-attractive-fashionable-young-man-with-trimmed-beard-tattoo-posing-urban-surroundings-wearing-stylish-clothes-clasping-his-hands-having-confident-facial-expression_343059-2787.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hands-using-smartphone_285396-6599.jpg?_wi=2",
-          imageAlt: "client homme satisfait mode",
-        },
-        {
-          id: "4",
-          name: "Bastien R.",
-          date: "2 Dec 2023",
-          title: "Style affirmé",
-          quote: "Enfin une boutique avec du caractère pour les hommes caennais.",
-          tag: "Nouveau",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-antique-arm-chair-looking-magazine-clothes-shop_23-2148175638.jpg?_wi=2",
-          imageAlt: "client homme satisfait mode",
-        },
-        {
-          id: "5",
-          name: "David H.",
-          date: "10 Jan 2024",
-          title: "Rapport qualité-prix",
-          quote: "Une belle découverte, des matières nobles pour un prix juste.",
-          tag: "Fidèle",
-          avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-bag-amazed-friend_23-2147950282.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg?_wi=2",
-          imageAlt: "client homme satisfait mode",
-        },
-      ]}
-      title="La parole à nos clients"
-      description="La satisfaction de nos clients est notre plus belle réussite."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Thomas G.", date: "12 Oct 2023", title: "Excellente adresse", quote: "Une sélection incroyable et des conseils avisés.", tag: "Fidèle", avatarSrc: "http://img.b2bpic.net/free-photo/black-man-city_1157-18153.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949779.jpg" },
+              { id: "2", name: "Antoine L.", date: "5 Nov 2023", title: "Qualité au top", quote: "Je ne jure que par leurs pulls en cachemire depuis deux ans.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-clothes-shop_1303-19711.jpg" },
+              { id: "3", name: "Nicolas M.", date: "20 Nov 2023", title: "Service parfait", quote: "L'accueil est chaleureux et on se sent tout de suite bien conseillé.", tag: "Habitué", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-image-attractive-fashionable-young-man-with-trimmed-beard-tattoo-posing-urban-surroundings-wearing-stylish-clothes-clasping-his-hands-having-confident-facial-expression_343059-2787.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-hands-using-smartphone_285396-6599.jpg" },
+              { id: "4", name: "Bastien R.", date: "2 Dec 2023", title: "Style affirmé", quote: "Enfin une boutique avec du caractère pour les hommes caennais.", tag: "Nouveau", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-businessman-showing-thumbs-up-with-funny-faces-drawings-focus-hands-white-modern-office-interior_176420-6491.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-antique-arm-chair-looking-magazine-clothes-shop_23-2148175638.jpg" },
+              { id: "5", name: "David H.", date: "10 Jan 2024", title: "Rapport qualité-prix", quote: "Une belle découverte, des matières nobles pour un prix juste.", tag: "Fidèle", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-bag-amazed-friend_23-2147950282.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-sunglasses_158538-14672.jpg" },
+            ]}
+            title="La parole à nos clients"
+            description="La satisfaction de nos clients est notre plus belle réussite."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "10+",
-          title: "Années d'expérience",
-          items: [
-            "Expertise mode",
-            "Savoir-faire local",
-          ],
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          title: "Clients satisfaits",
-          items: [
-            "Confiance locale",
-            "Recommandations",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Pièces sélectionnées",
-          items: [
-            "Qualité premium",
-            "Durabilité",
-          ],
-        },
-      ]}
-      title="Stor'age en chiffres"
-      description="Une boutique qui grandit avec vous."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "10+", title: "Années d'expérience", items: ["Expertise mode", "Savoir-faire local"] },
+              { id: "m2", value: "5000+", title: "Clients satisfaits", items: ["Confiance locale", "Recommandations"] },
+              { id: "m3", value: "100%", title: "Pièces sélectionnées", items: ["Qualité premium", "Durabilité"] },
+            ]}
+            title="Stor'age en chiffres"
+            description="Une boutique qui grandit avec vous."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Proposez-vous des retouches ?",
-          content: "Oui, nous travaillons avec un atelier partenaire pour toutes vos retouches.",
-        },
-        {
-          id: "f2",
-          title: "Où êtes-vous situés ?",
-          content: "Nous sommes en plein centre de Caen, proche de l'église Saint-Pierre.",
-        },
-        {
-          id: "f3",
-          title: "Quels sont vos horaires ?",
-          content: "Ouvert du mardi au samedi de 10h à 19h.",
-        },
-      ]}
-      title="Questions fréquentes"
-      description="Tout savoir sur Stor'age."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-thimble-silk-arrangement_23-2148897939.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Proposez-vous des retouches ?", content: "Oui, nous travaillons avec un atelier partenaire pour toutes vos retouches." },
+              { id: "f2", title: "Où êtes-vous situés ?", content: "Nous sommes en plein centre de Caen, proche de l'église Saint-Pierre." },
+              { id: "f3", title: "Quels sont vos horaires ?", content: "Ouvert du mardi au samedi de 10h à 19h." },
+            ]}
+            title="Questions fréquentes"
+            description="Tout savoir sur Stor'age."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-thimble-silk-arrangement_23-2148897939.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Venez nous rencontrer"
-      description="Besoin d'un conseil ? Passez nous voir en boutique ou envoyez-nous un message."
-      imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26764.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Venez nous rencontrer"
+            description="Besoin d'un conseil ? Passez nous voir en boutique ou envoyez-nous un message."
+            imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26764.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Stor'age"
-      leftLink={{
-        text: "Confidentialité",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Mentions légales",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Stor'age"
+            leftLink={{ text: "Confidentialité", href: "#" }}
+            rightLink={{ text: "Mentions légales", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1