From f2dce88e00e4bb9ea7d26d49b98d304137f28c9c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:15:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 425 +++++++++++++----------------------------------
 1 file changed, 113 insertions(+), 312 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 91860ba..dee96a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,325 +27,126 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "La Carte",
-          id: "menu",
-        },
-        {
-          name: "Commander",
-          id: "order",
-        },
-        {
-          name: "Réservation",
-          id: "contact",
-        },
-      ]}
-      brandName="La Belle Souad"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "La Carte", id: "menu" },
+              { name: "Commander", id: "order" },
+              { name: "Réservation", id: "contact" },
+            ]}
+            brandName="La Belle Souad"
+            button={{ text: "Réserver", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="L'authenticité méditerranéenne au cœur de Montpellier"
-      description="Pizzas artisanales cuites au feu de bois, pâtes fraîches et spécialités maison. Retrouvez le goût du vrai, chez La Belle Souad."
-      buttons={[
-        {
-          text: "Commander en ligne",
-          href: "#order",
-        },
-        {
-          text: "Réserver",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "s1",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=1",
-          imageAlt: "Pizza artisanale",
-        },
-        {
-          id: "s2",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=2",
-          imageAlt: "Four à bois traditionnel",
-        },
-        {
-          id: "s3",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=3",
-          imageAlt: "Ingrédients frais",
-        },
-        {
-          id: "s4",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=4",
-          imageAlt: "Salle chaleureuse",
-        },
-        {
-          id: "s5",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=5",
-          imageAlt: "Spécialités maison",
-        },
-        {
-          id: "s6",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=6",
-          imageAlt: "Service souriant",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "gradient-bars" }}
+            title="L'authenticité méditerranéenne au cœur de Montpellier"
+            description="Pizzas artisanales cuites au feu de bois, pâtes fraîches et spécialités maison. Retrouvez le goût du vrai, chez La Belle Souad."
+            buttons={[{ text: "Commander en ligne", href: "#order" }, { text: "Réserver", href: "#contact" }]}
+            carouselItems={[
+              { id: "s1", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Pizza artisanale" },
+              { id: "s2", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Four à bois traditionnel" },
+              { id: "s3", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Ingrédients frais" },
+              { id: "s4", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Salle chaleureuse" },
+              { id: "s5", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Spécialités maison" },
+              { id: "s6", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg", imageAlt: "Service souriant" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Une histoire de passion"
-      description="La Belle Souad est née d'un amour profond pour la cuisine méditerranéenne. Avec notre four Esposito Forni Saetta 120, nous préparons chaque pizza comme un chef-d'œuvre. L'accueil familial, le sourire et la générosité sont les ingrédients secrets de notre succès."
-      metrics={[
-        {
-          value: "15+",
-          title: "Ans d'expérience",
-        },
-        {
-          value: "30min",
-          title: "Livraison express",
-        },
-        {
-          value: "100%",
-          title: "Produits frais",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg?_wi=1"
-      imageAlt="Four à pizza traditionnel"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Une histoire de passion"
+            description="La Belle Souad est née d'un amour profond pour la cuisine méditerranéenne. Avec notre four Esposito Forni Saetta 120, nous préparons chaque pizza comme un chef-d'œuvre."
+            metrics={[{ value: "15+", title: "Ans d'expérience" }, { value: "30min", title: "Livraison express" }, { value: "100%", title: "Produits frais" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg"
+            imageAlt="Four à pizza traditionnel"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Margarita",
-          price: "12€",
-          variant: "Végétarien",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=7",
-        },
-        {
-          id: "p2",
-          name: "4 Fromages",
-          price: "14€",
-          variant: "Authentique",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=8",
-        },
-        {
-          id: "p3",
-          name: "Chèvre & Miel",
-          price: "15€",
-          variant: "Gourmand",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=9",
-        },
-        {
-          id: "p4",
-          name: "Carbonara",
-          price: "14€",
-          variant: "Italienne",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=10",
-        },
-        {
-          id: "p5",
-          name: "Saumon",
-          price: "16€",
-          variant: "Fraîcheur",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=11",
-        },
-        {
-          id: "p6",
-          name: "Tiramisu Maison",
-          price: "6€",
-          variant: "Dessert",
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=12",
-        },
-      ]}
-      title="La Carte"
-      description="Des recettes artisanales pour tous les goûts."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Margarita", price: "12€", variant: "Végétarien", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+              { id: "p2", name: "4 Fromages", price: "14€", variant: "Authentique", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+              { id: "p3", name: "Chèvre & Miel", price: "15€", variant: "Gourmand", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+              { id: "p4", name: "Carbonara", price: "14€", variant: "Italienne", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+              { id: "p5", name: "Saumon", price: "16€", variant: "Fraîcheur", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+              { id: "p6", name: "Tiramisu Maison", price: "6€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" },
+            ]}
+            title="La Carte"
+            description="Des recettes artisanales pour tous les goûts."
+          />
+        </div>
 
-  <div id="order" data-section="order">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Quartiers desservis",
-          description: "Mosson, Malbosc, Euromédecine, Château d'Ô",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=13",
-          },
-          items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=14",
-          imageAlt: "delicious artisanal wood-fired pizza",
-        },
-        {
-          id: "f2",
-          title: "Click & Collect",
-          description: "Retrait rapide au 18 avenue Aglaé Adanson",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=15",
-          },
-          items: [],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg?_wi=2",
-          imageAlt: "traditional pizza oven interior",
-        },
-        {
-          id: "f3",
-          title: "Partenaires",
-          description: "Retrouvez-nous aussi sur Uber Eats & Deliveroo",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg?_wi=16",
-          },
-          items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg?_wi=1",
-          imageAlt: "happy customer eating pizza restaurant",
-        },
-      ]}
-      title="Livraison rapide dans Montpellier Nord"
-      description="Commandez en quelques clics et dégustez chez vous en moins de 30 minutes."
-    />
-  </div>
+        <div id="order" data-section="order">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Quartiers desservis", description: "Mosson, Malbosc, Euromédecine, Château d'Ô", media: { imageSrc: "http://img.b2bpic.net/free-photo/thick-pastry-pizza-with-mushrooms_140725-1286.jpg" }, items: [], reverse: false },
+              { id: "f2", title: "Click & Collect", description: "Retrait rapide au 18 avenue Aglaé Adanson", media: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wooden-spoon-ingredients_23-2148305705.jpg" }, items: [], reverse: true },
+              { id: "f3", title: "Partenaires", description: "Retrouvez-nous aussi sur Uber Eats & Deliveroo", media: { imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" }, items: [], reverse: false },
+            ]}
+            title="Livraison rapide dans Montpellier Nord"
+            description="Commandez en quelques clics et dégustez chez vous en moins de 30 minutes."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Julien",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marie",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006583.jpg",
-        },
-        {
-          id: "t4",
-          name: "Thomas",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-blonde-delivery-woman-red-uniform-cap-looking-front-making-fake-smile-isolated-orange-wall-with-copy-space_141793-110347.jpg",
-        },
-        {
-          id: "t5",
-          name: "Clara",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg",
-        },
-      ]}
-      cardTitle="Ce que pensent nos clients"
-      cardTag="Avis"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-restaurant-together_23-2148395393.jpg" },
+              { id: "t2", name: "Julien", imageSrc: "http://img.b2bpic.net/free-photo/side-view-girl-eats-spaghetti-with-meat-grated-cheese_141793-5168.jpg" },
+              { id: "t3", name: "Marie", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006583.jpg" },
+              { id: "t4", name: "Thomas", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-blonde-delivery-woman-red-uniform-cap-looking-front-making-fake-smile-isolated-orange-wall-with-copy-space_141793-110347.jpg" },
+              { id: "t5", name: "Clara", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg" },
+            ]}
+            cardTitle="Ce que pensent nos clients"
+            cardTag="Avis"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "faq1",
-          title: "Où nous trouver ?",
-          content: "18 Avenue Aglaé Adanson, 34080 Montpellier.",
-        },
-        {
-          id: "faq2",
-          title: "Quels sont vos horaires ?",
-          content: "Lundi au Samedi soir à partir de 19h.",
-        },
-        {
-          id: "faq3",
-          title: "Accessibilité ?",
-          content: "Tram L1 arrêt Malbosc, accès PMR et parking disponible.",
-        },
-      ]}
-      ctaTitle="Réservez votre table"
-      ctaDescription="Appelez-nous au 04 99 61 08 64 pour privatiser ou réserver."
-      ctaButton={{
-        text: "Appeler maintenant",
-        href: "tel:0499610864",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            animationType="slide-up"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "faq1", title: "Où nous trouver ?", content: "18 Avenue Aglaé Adanson, 34080 Montpellier." },
+              { id: "faq2", title: "Quels sont vos horaires ?", content: "Lundi au Samedi soir à partir de 19h." },
+              { id: "faq3", title: "Accessibilité ?", content: "Tram L1 arrêt Malbosc, accès PMR et parking disponible." },
+            ]}
+            ctaTitle="Réservez votre table"
+            ctaDescription="Appelez-nous au 04 99 61 08 64 pour privatiser ou réserver."
+            ctaButton={{ text: "Appeler maintenant", href: "tel:0499610864" }}
+            ctaIcon={Phone}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "La Belle Souad",
-          items: [
-            {
-              label: "À propos",
-              href: "#about",
-            },
-            {
-              label: "Notre Carte",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Commander",
-          items: [
-            {
-              label: "Livraison",
-              href: "#order",
-            },
-            {
-              label: "Réserver",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Suivez-nous",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-            {
-              label: "Facebook",
-              href: "https://facebook.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 La Belle Souad. Tous droits réservés."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "La Belle Souad", items: [{ label: "À propos", href: "#about" }, { label: "Notre Carte", href: "#menu" }] },
+              { title: "Commander", items: [{ label: "Livraison", href: "#order" }, { label: "Réserver", href: "#contact" }] },
+              { title: "Suivez-nous", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] },
+            ]}
+            copyrightText="© 2024 La Belle Souad. Tous droits réservés."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1