From cb0305fdd83e9ef6ca8105c4ba364b2822cdaed2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 14:22:11 +0000
Subject: [PATCH] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 284 ++++++++++++++++++++++++++----------------
 1 file changed, 180 insertions(+), 104 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index aaaa90b..1ffca30 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,48 +2,61 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";
-import { ChefHat } from "lucide-react";
+import { Sparkles, ChefHat, Wine, Cake } from "lucide-react";
 
 export default function MenuPage() {
   const navItems = [
-    { name: "Accueil", id: "/" },
-    { name: "Le Restaurant", id: "/about" },
+    { name: "Accueil", id: "home" },
+    { name: "Le Restaurant", id: "le-restaurant" },
     { name: "Menu", id: "/menu" },
-    { name: "Galerie", id: "/galerie" },
-    { name: "Contact", id: "/contact" },
+    { name: "Galerie", id: "gallery" },
+    { name: "Contact", id: "contact" }
   ];
 
+  const handleNavClick = (id: string) => {
+    if (id === "home") {
+      window.location.href = "/";
+    } else if (id === "le-restaurant") {
+      window.location.href = "/le-restaurant";
+    } else if (id === "/menu") {
+      window.location.href = "/menu";
+    } else {
+      const element = document.getElementById(id);
+      if (element) {
+        element.scrollIntoView({ behavior: "smooth" });
+      }
+    }
+  };
+
   const footerColumns = [
     {
-      title: "Navigation",
-      items: [
+      title: "Navigation",      items: [
         { label: "Accueil", href: "/" },
-        { label: "À Propos", href: "/about" },
+        { label: "À Propos", href: "/le-restaurant" },
         { label: "Menu", href: "/menu" },
-        { label: "Galerie", href: "/galerie" },
-      ],
+        { label: "Galerie", href: "/#gallery" },
+        { label: "Contact", href: "#contact" }
+      ]
     },
     {
-      title: "Contact",
-      items: [
+      title: "Contact",      items: [
         { label: "23 Rue de l'Eminee, 63000 Clermont-Ferrand", href: "#" },
         { label: "04 73 44 22 22", href: "tel:+33473442222" },
-        { label: "Réserver une Table", href: "/contact" },
-      ],
+        { label: "Réserver une Table", href: "#contact" }
+      ]
     },
     {
-      title: "Horaires",
-      items: [
+      title: "Horaires",      items: [
         { label: "Mardi-Dimanche : 12h00-14h30", href: "#" },
         { label: "19h00-22h30", href: "#" },
-        { label: "Fermé le lundi", href: "#" },
-      ],
-    },
+        { label: "Fermé le lundi", href: "#" }
+      ]
+    }
   ];
 
   return (
@@ -53,7 +66,7 @@ export default function MenuPage() {
       borderRadius="soft"
       contentWidth="compact"
       sizing="largeSmallSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="glass-depth"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
@@ -63,59 +76,45 @@ export default function MenuPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Réserver une table",
-            href: "/contact",
+            text: "Réserver une table",            onClick: () => handleNavClick("contact")
           }}
           brandName="Caffè Mazzo"
         />
       </div>
 
-      <div id="featured-dishes" data-section="featured-dishes">
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Notre Menu Complet"
+          description="Découvrez toutes nos créations culinaires, des antipasti aux desserts italiens. Une expérience gastronomique authentique dans chaque assiette."
+          background={{ variant: "plain" }}
+          tag="Menu Complet"
+          tagIcon={Sparkles}
+          buttons={[
+            { text: "Réserver une table", href: "#contact" },
+            { text: "Retour à l'accueil", href: "/" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/papaya-crevettes-salads-with-tomatoes-sea-food-with-fresh-prawns-cockles-with-spicy-sauce_114579-106.jpg"
+          imageAlt="Menu Caffè Mazzo"
+          mediaAnimation="slide-up"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="antipasti" data-section="antipasti">
         <FeatureCardMedia
-          title="Nos Plats Emblématiques"
-          description="Une sélection de nos créations culinaires les plus populaires et raffinées"
-          tag="Spécialités"
+          title="Antipasti"
+          description="Les entrées traditionnelles qui annoncent une belle soirée culinaire"
+          tag="Entrées"
           features={[
             {
-              id: "1",
-              title: "Risotto de Foie Gras aux Morilles",
-              description:
-                "Risotto crémeux infusé de foie gras poêlé et morilles fraîches. Une symphonie de saveurs automnales.",
-              tag: "Spécialité Maison",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg?_wi=3",
-              imageAlt: "Risotto de foie gras aux morilles",
+              id: "1",              title: "Bresaola avec Roquette",              description: "Fines tranches de viande séchée, roquette fraîche et parmesan râpé. Un classique élégant.",              tag: "Charcuterie",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg",              imageAlt: "Bresaola avec roquette"
             },
             {
-              id: "2",
-              title: "Ravioli Maison",
-              description:
-                "Ravioli frais préparés quotidiennement, garnis de ricotta et épinards, nappés d'une sauce beurre et sauge.",
-              tag: "Classique Italien",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23665.jpg?_wi=3",
-              imageAlt: "Ravioli maison à la ricotta",
+              id: "2",              title: "Calamari Fritti",              description: "Calamar frais frit à la perfection, servi avec sauce marinara maison.",              tag: "Fruits de Mer",              imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg",              imageAlt: "Calamari fritti"
             },
             {
-              id: "3",
-              title: "Gnocchi à la Truffe",
-              description:
-                "Gnocchi fondants relevés d'huile de truffe noire et parmesan affiné. Délicatesse garantie.",
-              tag: "Premium",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg?_wi=3",
-              imageAlt: "Gnocchi à la truffe",
-            },
-            {
-              id: "4",
-              title: "Lasagnes Traditionnelles",
-              description:
-                "Lasagnes généreuses préparées selon la recette familiale italienne de trois générations.",
-              tag: "Héritage Familial",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg?_wi=2",
-              imageAlt: "Lasagnes traditionnelles",
-            },
+              id: "3",              title: "Burrata et Tomates",              description: "Fromage frais et crémeux avec tomates cerises et basilic frais. Saveurs méditerranéennes.",              tag: "Fromage",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg",              imageAlt: "Burrata et tomates"
+            }
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -123,71 +122,148 @@ export default function MenuPage() {
         />
       </div>
 
-      <div id="location-hours" data-section="location-hours">
-        <MetricCardFourteen
-          title="Caffè Mazzo : Au cœur de Clermont-Ferrand, votre adresse gastronomique incontournable"
-          tag="Infos Pratiques"
-          tagAnimation="slide-up"
-          metrics={[
+      <div id="fresh-pastas" data-section="fresh-pastas">
+        <FeatureCardMedia
+          title="Pâtes Fraîches"
+          description="Nos spécialités de pâtes maison, préparées chaque jour avec passion"
+          tag="Plats Principaux"
+          features={[
             {
-              id: "1",
-              value: "23 Rue de l'Eminee",
-              description:
-                "Clermont-Ferrand, 63000 - Localisation idéale entre tradition et modernité",
+              id: "1",              title: "Homemade Ravioli",              description: "Ravioli frais préparés quotidiennement, garnis de ricotta et épinards, nappés d'une sauce beurre et sauge.",              tag: "Signature",              imageSrc: "http://img.b2bpic.net/free-photo/stuffed-beans-with-pork-salted-eggs-asian-cuisine_1150-23665.jpg",              imageAlt: "Ravioli maison"
             },
             {
-              id: "2",
-              value: "04 73 44 22 22",
-              description:
-                "Joignez-nous pour réserver votre table ou poser vos questions",
+              id: "2",              title: "Fettuccine Carbonara",              description: "La vraie recette romaine avec œuf, guanciale et pecorino. Authentique et irrésistible.",              tag: "Classique",              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",              imageAlt: "Fettuccine Carbonara"
             },
             {
-              id: "3",
-              value: "30-40 €",
-              description:
-                "Prix moyen par personne pour une expérience gastronomique authentique",
-            },
-            {
-              id: "4",
-              value: "Fermé le lundi",
-              description: "Mardi-dimanche : 12h00-14h30 et 19h00-22h30",
-            },
+              id: "3",              title: "Pappardelle au Cinghiale",              description: "Larges rubans de pâtes avec ragù de sanglier mijoté lentement. Saveur intense et délicate.",              tag: "Gibier",              imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg",              imageAlt: "Pappardelle au cinghiale"
+            }
           ]}
-          metricsAnimation="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
+          animationType="slide-up"
         />
       </div>
 
-      <div id="reservation-cta" data-section="reservation-cta">
+      <div id="risottos" data-section="risottos">
+        <FeatureCardMedia
+          title="Risottos"
+          description="Créations gourmandes mêlant tradition et innovation"
+          tag="Créations Spéciales"
+          features={[
+            {
+              id: "1",              title: "Risotto de Foie Gras aux Morilles",              description: "Risotto crémeux infusé de foie gras poêlé et morilles fraîches. Une symphonie de saveurs automnales.",              tag: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg",              imageAlt: "Risotto de foie gras"
+            },
+            {
+              id: "2",              title: "Risotto al Nero di Seppia",              description: "Risotto noir à l'encre de seiche, avec noix de Saint-Jacques et notes iodées. Spectaculaire et savoureux.",              tag: "Fruits de Mer",              imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg",              imageAlt: "Risotto al nero di seppia"
+            },
+            {
+              id: "3",              title: "Risotto aux Truffes",              description: "Arborio généreusement garni de truffe noire, parmesan et beurre frais. Luxe et simplicité.",              tag: "Truffe",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg",              imageAlt: "Risotto aux truffes"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="traditional-italian" data-section="traditional-italian">
+        <FeatureCardMedia
+          title="Plats Traditionnels Italiens"
+          description="Nos interprétations des grands classiques de la cuisine italienne"
+          tag="Classiques"
+          features={[
+            {
+              id: "1",              title: "Gnocchi à la Truffe",              description: "Gnocchi fondants relevés d'huile de truffe noire et parmesan affiné. Délicatesse garantie.",              tag: "Spécialité",              imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg",              imageAlt: "Gnocchi à la truffe"
+            },
+            {
+              id: "2",              title: "Lasagnes Traditionnelles",              description: "Lasagnes généreuses préparées selon la recette familiale italienne de trois générations.",              tag: "Héritage Familial",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg",              imageAlt: "Lasagnes traditionnelles"
+            },
+            {
+              id: "3",              title: "Breaded Escalope",              description: "Escalope de veau panée et frite, servie avec citron frais et légumes de saison. Croustillante et tendre.",              tag: "Viande",              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",              imageAlt: "Breaded Escalope"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="desserts" data-section="desserts">
+        <FeatureCardMedia
+          title="Desserts Italiens"
+          description="Les douceurs qui couronnent votre repas avec délice"
+          tag="Finales Gourmandes"
+          features={[
+            {
+              id: "1",              title: "Mille-feuilles",              description: "Feuilletage croustillant, crème pâtissière généreuse et glaçage au sucre. L'élégance en trois couches.",              tag: "Classique",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg",              imageAlt: "Mille-feuilles"
+            },
+            {
+              id: "2",              title: "Panna Cotta",              description: "Crème italienne suave et délicate, garnie d'une coulis de fruits rouges. Douceur absolue.",              tag: "Saveur Légère",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-buns-lie-white-plates-with-golden-design_8353-798.jpg",              imageAlt: "Panna cotta"
+            },
+            {
+              id: "3",              title: "Tiramisu Maison",              description: "Le grand classique italien : mascarpone, café et cacao. Réconfort et élégance en une bouchée.",              tag: "Intemporel",              imageSrc: "http://img.b2bpic.net/free-photo/glass-candlestick-with-silver-candle-other-decor-stuff-are-desk_8353-9850.jpg",              imageAlt: "Tiramisu maison"
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+        />
+      </div>
+
+      <div id="beverages" data-section="beverages">
+        <ProductCardOne
+          title="Boissons & Vins d'Italie"
+          description="Une sélection de breuvages pour accompagner votre repas"
+          tag="Sélection Premium"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="scale-rotate"
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "1",              name: "Vino Rosso Toscano",              price: "Verre 12€ | Bouteille 45€",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-salad-with-sliced-little-vegetables-inside-plate-dark-blue-desk_140725-50581.jpg",              imageAlt: "Vin rouge toscan"
+            },
+            {
+              id: "2",              name: "Prosecco di Valdobbiadene",              price: "Verre 10€ | Bouteille 38€",              imageSrc: "http://img.b2bpic.net/free-photo/shrimp-salad-with-glass-white-wine_140725-4174.jpg",              imageAlt: "Prosecco"
+            },
+            {
+              id: "3",              name: "Chianti Classico Riserva",              price: "Verre 14€ | Bouteille 55€",              imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cuisine-dish_23-2149460211.jpg",              imageAlt: "Chianti Classico"
+            },
+            {
+              id: "4",              name: "Barolo Piemontese",              price: "Verre 15€ | Bouteille 60€",              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",              imageAlt: "Barolo Piemontese"
+            },
+            {
+              id: "5",              name: "Pinot Grigio Friuli",              price: "Verre 11€ | Bouteille 42€",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030741.jpg",              imageAlt: "Pinot Grigio"
+            },
+            {
+              id: "6",              name: "Amaretto & Digestifs",              price: "Verre 8€",              imageSrc: "http://img.b2bpic.net/free-photo/tasty-buns-lie-white-plates-with-golden-design_8353-798.jpg",              imageAlt: "Digestifs italiens"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Prêt à Déguster ?"
+          tag="Prêt à Réserver ?"
           tagIcon={ChefHat}
           title="Réservez Votre Table Dès Maintenant"
-          description="Vivez une expérience gastronomique inoubliable au cœur de Clermont-Ferrand. Notre équipe vous accueille chaleureusement du mardi au dimanche."
+          description="Vivez une expérience gastronomique inoubliable avec notre menu complet. Notre équipe vous accueille chaleureusement du mardi au dimanche."
           buttons={[
-            {
-              text: "Réserver une Table",
-              href: "/contact",
-            },
-            {
-              text: "Voir le Menu Complet",
-              href: "/menu",
-            },
+            { text: "Réserver une Table", href: "#" },
+            { text: "Retour à l'accueil", href: "/" }
           ]}
-          background={{
-            variant: "plain",
-          }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
-          columns={footerColumns}
           logoText="Caffè Mazzo"
           copyrightText="© 2025 Caffè Mazzo | Restaurant Gastronomique - Clermont-Ferrand"
+          columns={footerColumns}
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}