From 6804059e8533910c942891e8a2e03baad324f39c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 25 Apr 2026 16:57:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 475 +++++++++++++----------------------------------
 1 file changed, 124 insertions(+), 351 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3cb211..820f02d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,365 +28,138 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "À Propos",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Avis",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="L'Octave"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Accueil", id: "hero" },
+              { name: "À Propos", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Avis", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="L'Octave"
+            button={{ text: "Réserver", href: "tel:0608010159" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="L'Octave : Une symphonie culinaire à Casablanca"
-      description="Plongez dans un univers de gastronomie française raffinée, sublimé par la douceur d'un piano live."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=1",
-          imageAlt: "Ambiance élégante de L'Octave",
-        },
-        {
-          imageSrc: "hero-restaurant-2",
-          imageAlt: "Plats gastronomiques",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=1",
-          imageAlt: "Concert de piano",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
-          imageAlt: "Cuisine française",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=1",
-          imageAlt: "Service impeccable",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-scenes-with-family_23-2149187631.jpg",
-          imageAlt: "Atmosphère chaleureuse",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="L'Octave : Une symphonie culinaire à Casablanca"
+            description="Plongez dans un univers de gastronomie française raffinée, sublimé par la douceur d'un piano live."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg", imageAlt: "Ambiance élégante de L'Octave" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg", imageAlt: "Plats gastronomiques" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg", imageAlt: "Concert de piano" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="L'excellence en héritage"
-      metrics={[
-        {
-          icon: Star,
-          label: "Note moyenne",
-          value: "4.9/5",
-        },
-        {
-          icon: Music,
-          label: "Concerts",
-          value: "Live",
-        },
-        {
-          icon: Utensils,
-          label: "Gastronomie",
-          value: "100% FR",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="L'excellence en héritage"
+            metrics={[
+              { icon: Star, label: "Note moyenne", value: "4.9/5" },
+              { icon: Music, label: "Concerts", value: "Live" },
+              { icon: Utensils, label: "Gastronomie", value: "100% FR" },
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Entrées délicates",
-          description: "Des préparations fines qui éveillent les sens.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-fillet-placed-avocado-slices-sauce-topped-with-tomato-olive-fish-skin_141793-2236.jpg",
-            imageAlt: "Entrée",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Produits frais",
-            },
-            {
-              icon: CheckCircle,
-              text: "Saveurs authentiques",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=2",
-          imageAlt: "french gourmet dish starter",
-        },
-        {
-          title: "PlatsSignature",
-          description: "L'expression pure de la tradition française.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg",
-            imageAlt: "Plat",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Viandes sélectionnées",
-            },
-            {
-              icon: CheckCircle,
-              text: "Cuissons maîtrisées",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=2",
-          imageAlt: "french gourmet dish starter",
-        },
-        {
-          title: "Desserts d'exception",
-          description: "Une note sucrée pour clore votre soirée.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949021.jpg",
-            imageAlt: "Dessert",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Pâtisseries maison",
-            },
-            {
-              icon: CheckCircle,
-              text: "Accords parfaits",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=2",
-          imageAlt: "french gourmet dish starter",
-        },
-      ]}
-      title="Une invitation aux saveurs"
-      description="Chaque plat est une création originale, préparée avec des produits de saison et une passion dévouée."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Entrées délicates",                description: "Des préparations fines qui éveillent les sens.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-fillet-placed-avocado-slices-sauce-topped-with-tomato-olive-fish-skin_141793-2236.jpg", imageAlt: "Entrée" },
+                items: [{ icon: CheckCircle, text: "Produits frais" }, { icon: CheckCircle, text: "Saveurs authentiques" }],
+                reverse: false
+              },
+              {
+                title: "PlatsSignature",                description: "L'expression pure de la tradition française.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg", imageAlt: "Plat" },
+                items: [{ icon: CheckCircle, text: "Viandes sélectionnées" }, { icon: CheckCircle, text: "Cuissons maîtrisées" }],
+                reverse: true
+              },
+              {
+                title: "Desserts d'exception",                description: "Une note sucrée pour clore votre soirée.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949021.jpg", imageAlt: "Dessert" },
+                items: [{ icon: CheckCircle, text: "Pâtisseries maison" }, { icon: CheckCircle, text: "Accords parfaits" }],
+                reverse: false
+              }
+            ]}
+            title="Une invitation aux saveurs"
+            description="Chaque plat est une création originale, préparée avec des produits de saison et une passion dévouée."
+          />
+        </div>
 
-  <div id="catalog" data-section="catalog">
-      <ProductCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Tartare de St-Jacques",
-          price: "180 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg",
-        },
-        {
-          id: "2",
-          name: "Filet de Boeuf Rossini",
-          price: "350 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-lettuce-tomatoes-grated-cheese_140725-7780.jpg",
-        },
-        {
-          id: "3",
-          name: "Soufflé au Grand Marnier",
-          price: "120 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-designed-delicious-dessert-with-chocolate-cinnamon-with-topping-it_181624-23843.jpg",
-        },
-        {
-          id: "4",
-          name: "Sélection de Vins",
-          price: "Varies",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-nar-sharab-grilled-salmon_140725-5309.jpg",
-        },
-        {
-          id: "5",
-          name: "Velouté de saison",
-          price: "95 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_1203-9023.jpg",
-        },
-        {
-          id: "6",
-          name: "Confit de Canard",
-          price: "280 MAD",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",
-        },
-      ]}
-      title="Notre sélection du moment"
-      description="Découvrez une carte qui se réinvente au fil des saisons."
-    />
-  </div>
+        <div id="catalog" data-section="catalog">
+          <ProductCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Tartare de St-Jacques", price: "180 MAD", imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg" },
+              { id: "2", name: "Filet de Boeuf Rossini", price: "350 MAD", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-lettuce-tomatoes-grated-cheese_140725-7780.jpg" },
+              { id: "3", name: "Soufflé au Grand Marnier", price: "120 MAD", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-designed-delicious-dessert-with-chocolate-cinnamon-with-topping-it_181624-23843.jpg" }
+            ]}
+            title="Notre sélection du moment"
+            description="Découvrez une carte qui se réinvente au fil des saisons."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "198+",
-          description: "Avis élogieux",
-        },
-        {
-          id: "m2",
-          value: "4.9",
-          description: "Note moyenne Google",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Gastronomie Française",
-        },
-      ]}
-      title="Au cœur de l'Octave"
-      description="Ce que nos clients retiennent de leur passage chez nous."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "198+", description: "Avis élogieux" },
+              { id: "m2", value: "4.9", description: "Note moyenne Google" },
+              { id: "m3", value: "100%", description: "Gastronomie Française" },
+            ]}
+            title="Au cœur de l'Octave"
+            description="Ce que nos clients retiennent de leur passage chez nous."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Kawtar B.",
-          date: "3 mois",
-          title: "Anniversaire",
-          quote: "On nous a bien gâtés ! Ils sont au petit soin.",
-          tag: "Excellent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=3",
-          imageAlt: "smiling happy diner client portrait",
-        },
-        {
-          id: "t2",
-          name: "Ghita H.",
-          date: "6 mois",
-          title: "Soirée romantique",
-          quote: "Endroit très classe, chaleureux et élégant.",
-          tag: "Parfait",
-          avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=3",
-          imageAlt: "smiling happy diner client portrait",
-        },
-        {
-          id: "t3",
-          name: "Adil K.",
-          date: "4 mois",
-          title: "Gastronomie",
-          quote: "Superbe expérience, amabilité extraordinaire.",
-          tag: "Exceptionnel",
-          avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=3",
-          imageAlt: "smiling happy diner client portrait",
-        },
-        {
-          id: "t4",
-          name: "Client régulier",
-          date: "1 mois",
-          title: "Dîner",
-          quote: "Le pianiste rend l'expérience unique.",
-          tag: "À recommander",
-          avatarSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",
-          imageAlt: "smiling happy diner client portrait",
-        },
-        {
-          id: "t5",
-          name: "Visiteur",
-          date: "2 mois",
-          title: "Sortie",
-          quote: "Service impeccable et nourriture délicieuse.",
-          tag: "Super",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-guitar-music_23-2149213412.jpg",
-          imageAlt: "smiling happy diner client portrait",
-        },
-      ]}
-      title="Ce que disent nos convives"
-      description="Des moments inoubliables partagés avec vous."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Kawtar B.", date: "3 mois", title: "Anniversaire", quote: "On nous a bien gâtés ! Ils sont au petit soin.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
+              { id: "t2", name: "Ghita H.", date: "6 mois", title: "Soirée romantique", quote: "Endroit très classe, chaleureux et élégant.", tag: "Parfait", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg" }
+            ]}
+            title="Ce que disent nos convives"
+            description="Des moments inoubliables partagés avec vous."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Prêt pour une expérience gastronomique ? Réservez votre table dès maintenant au 06 08 01 01 59."
-      buttons={[
-        {
-          text: "Appeler L'Octave",
-          href: "tel:0608010159",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-static" }}
+            text="Prêt pour une expérience gastronomique ? Réservez votre table dès maintenant au 06 08 01 01 59."
+            buttons={[{ text: "Appeler L'Octave", href: "tel:0608010159" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="L'OCTAVE"
-      columns={[
-        {
-          title: "Adresse",
-          items: [
-            {
-              label: "6 Rue Michel Ange, Casablanca",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Réservations",
-          items: [
-            {
-              label: "06 08 01 01 59",
-              href: "tel:0608010159",
-            },
-          ],
-        },
-        {
-          title: "Horaires",
-          items: [
-            {
-              label: "Fermé · Ouvre à 18:30",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 L'Octave Casablanca. Tous droits réservés."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="L'OCTAVE"
+            columns={[
+              { title: "Adresse", items: [{ label: "6 Rue Michel Ange, Casablanca", href: "#" }] },
+              { title: "Réservations", items: [{ label: "06 08 01 01 59", href: "tel:0608010159" }] }
+            ]}
+            copyrightText="© 2024 L'Octave Casablanca. Tous droits réservés."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1