Switch to version 1: modified src/app/menu/page.tsx

src/app/menu/page.tsx

@@ -2,11 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function MenuPage() {
+export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -21,45 +22,104 @@ export default function MenuPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
-            <NavbarLayoutFloatingOverlay
-                navItems={[
-                    { name: "Accueil", id: "/" },
-                    { name: "Menu", id: "/menu" },
-                    { name: "Livraison", id: "/livraison" },
-                    { name: "Contact", id: "/contact" }
-                ]}
-                brandName="Sakura"
-                button={{ text: "Commander", href: "/menu" }}
-            />
-        </div>
-        
-        <div id="products" data-section="products" className="pt-32 pb-16">
-            <ProductCardTwo
-              animationType="slide-up"
-              textboxLayout="default"
-              gridVariant="four-items-2x2-equal-grid"
-              title="Menu Complet"
-              description="Découvrez toutes nos spécialités."
-              useInvertedBackground={false}
-              products={[
-                { id: "1", brand: "Sushi", name: "Sushi Saumon", price: "4,00€", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/asian-meal_23-2148142533.jpg" },
-                { id: "2", brand: "Maki", name: "California Thon", price: "5,50€", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/various-sushi-with-ginger-wasabi_140725-70.jpg" },
-                { id: "3", brand: "Sashimi", name: "Sashimi Mixte", price: "16,00€", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-fish-slices-with-lemon-slices-seasonings-dark-seafood-dish-color-food-meat-photo-raw_140725-143992.jpg" },
-                { id: "4", brand: "Brochettes", name: "Menu Yakitori 5", price: "12,00€", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-shrimps-sticks-served-with-lettuce-tomatoes-onions_141793-1066.jpg" }
-              ]}
-            />
-        </div>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        {
+          name: "Accueil",
+          id: "/",
+        },
+        {
+          name: "Menu",
+          id: "/menu",
+        },
+        {
+          name: "Livraison",
+          id: "/livraison",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
+        {
+          name: "Avis",
+          id: "/avis",
+        },
+      ]}
+      brandName="Sakura"
+      button={{
+        text: "Commander",
+        href: "/menu",
+      }}
+    />
+  </div>
 
-        <div id="footer" data-section="footer">
-            <FooterLogoEmphasis
-                columns={[
-                    { items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/menu" }] },
-                    { items: [{ label: "Livraison", href: "/livraison" }, { label: "Contact", href: "/contact" }] }
-                ]}
-                logoText="Sakura"
-            />
-        </div>
+  <div id="menu-body" data-section="menu-body">
+      <MediaAbout
+      useInvertedBackground={false}
+      title="Notre Carte"
+      description="Découvrez notre sélection de spécialités japonaises."
+      imageSrc="http://img.b2bpic.net/free-photo/sushi-dish-asian-restaurant_23-2148195622.jpg"
+      imageAlt="Menu Showcase"
+    />
+  </div>
+
+  <div id="feature" data-section="feature">
+      <FeatureCardNineteen
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Nos Spécialités"
+      description="Découvrez notre savoir-faire unique."
+      features={[
+        {
+          tag: "Sushi",
+          title: "Sashimi",
+          subtitle: "Fraîcheur intense",
+          description: "Poisson cru tranché avec précision.",
+          imageSrc: "http://img.b2bpic.net/free-photo/sushi-with-salmon-red-caviar_140725-3084.jpg",
+        },
+        {
+          tag: "Yakitori",
+          title: "Brochettes",
+          subtitle: "Grillées à la perfection",
+          description: "Viande marinée et grillée au charbon.",
+          imageSrc: "http://img.b2bpic.net/free-photo/steaming-grilled-meat-skewers-with-sesame-seeds_84443-85868.jpg",
+        },
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterLogoEmphasis
+      columns={[
+        {
+          items: [
+            {
+              label: "Accueil",
+              href: "/",
+            },
+            {
+              label: "Menu",
+              href: "/menu",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Livraison",
+              href: "/livraison",
+            },
+            {
+              label: "Contact",
+              href: "/contact",
+            },
+          ],
+        },
+      ]}
+      logoText="Sakura"
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );