Update src/app/products/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -31,7 +31,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Home", id: "home" },
             { name: "About", id: "about" },
-            { name: "Menu", id: "menu" },
+            { name: "Products", id: "products" },
             { name: "Gallery", id: "gallery" },
             { name: "Find Us", id: "contact" }
           ]}
@@ -56,7 +56,7 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           leftCarouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-desserts-pana-cotta-red-punch-glassware_8353-10484.jpg",              imageAlt: "Magnificently decorated Bien Venu interior with traditional Moroccan architecture"
+              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-desserts-pana-cotta-red-punch-glassware_8353-10484.jpg?_wi=2",              imageAlt: "Magnificently decorated Bien Venu interior with traditional Moroccan architecture"
             }
           ]}
           rightCarouselItems={[
@@ -115,7 +115,7 @@ export default function LandingPage() {
           tagIcon={Utensils}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Full Digital Menu", href: "#" }
+            { text: "View Full Menu", href: "/products" }
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -128,7 +128,7 @@ export default function LandingPage() {
               id: "crepes",              name: "Crêpes Salées",              price: "50 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2149865556.jpg?_wi=2",              imageAlt: "Savory Moroccan Crêpes with traditional filling"
             },
             {
-              id: "desserts",              name: "Moroccan Desserts",              price: "60 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg",              imageAlt: "Authentic Moroccan pastries and sweets"
+              id: "desserts",              name: "Moroccan Desserts",              price: "60 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg?_wi=2",              imageAlt: "Authentic Moroccan pastries and sweets"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -224,8 +224,8 @@ export default function LandingPage() {
           columns={[
             {
               title: "Navigate",              items: [
-                { label: "Home", href: "#home" },
-                { label: "Menu", href: "#menu" },
+                { label: "Home", href: "/" },
+                { label: "Products", href: "/products" },
                 { label: "Gallery", href: "#gallery" },
                 { label: "About", href: "#about" }
               ]
@@ -235,14 +235,14 @@ export default function LandingPage() {
                 { label: "Book a Table", href: "#booking" },
                 { label: "Call: +212 600 000 000", href: "tel:+212600000000" },
                 { label: "41 Rue des Banques, Marrakech", href: "https://maps.google.com/?q=41+Rue+des+Banques+Marrakech" },
-                { label: "Events & Groups", href: "#" }
+                { label: "Events & Groups", href: "/" }
               ]
             },
             {
               title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Accessibility", href: "#" },
+                { label: "Privacy Policy", href: "/" },
+                { label: "Terms of Service", href: "/" },
+                { label: "Accessibility", href: "/" },
                 { label: "Contact", href: "#contact" }
               ]
             }
@@ -252,4 +252,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Utensils } from 'lucide-react';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="fluid"
+      cardStyle="inset"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Bien Venu"
+          navItems={[
+            { name: "Home", id: "home" },
+            { name: "About", id: "about" },
+            { name: "Products", id: "products" },
+            { name: "Gallery", id: "gallery" },
+            { name: "Find Us", id: "contact" }
+          ]}
+          button={{
+            text: "Book a Table",            href: "/#booking"
+          }}
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardThree
+          title="Our Complete Menu: A Journey Through Moroccan Flavors"
+          description="Discover our full selection of authentic Moroccan dishes. Each item is carefully prepared by our experienced chefs using traditional recipes and the finest local ingredients. From appetizers to desserts, every dish reflects the rich culinary heritage of Morocco."
+          tag="Chef's Selection"
+          tagIcon={Utensils}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            {
+              id: "couscous-beef",              name: "Couscous au Bœuf",              price: "80 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=2",              imageAlt: "Traditional Moroccan Couscous au Bœuf with vegetables"
+            },
+            {
+              id: "crepes",              name: "Crêpes Salées",              price: "50 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2149865556.jpg?_wi=2",              imageAlt: "Savory Moroccan Crêpes with traditional filling"
+            },
+            {
+              id: "desserts",              name: "Moroccan Desserts",              price: "60 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-yellow-cake-with-biscuit-cookies-cream-dark-surface_140725-115036.jpg?_wi=1",              imageAlt: "Authentic Moroccan pastries and sweets"
+            },
+            {
+              id: "tagine-chicken",              name: "Tagine de Poulet",              price: "75 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-mousse-desserts-pana-cotta-red-punch-glassware_8353-10484.jpg?_wi=1",              imageAlt: "Traditional chicken tagine with preserved lemons"
+            },
+            {
+              id: "pastilla",              name: "Pastilla",              price: "70 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/fried-liver-with-vegetable-set_140725-9673.jpg?_wi=2",              imageAlt: "Crispy pastilla with pigeon or chicken filling"
+            },
+            {
+              id: "harira",              name: "Harira",              price: "45 MAD",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-spanish-tortilla_23-2149865556.jpg?_wi=2",              imageAlt: "Traditional Moroccan soup served with dates"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          carouselMode="buttons"
+          ariaLabel="Complete Bien Venu menu products page"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Bien Venu"
+          copyrightText="© 2025 Bien Venu | Authentic Moroccan Restaurant, Marrakech"
+          columns={[
+            {
+              title: "Navigate",              items: [
+                { label: "Home", href: "/" },
+                { label: "Menu", href: "/products" },
+                { label: "Gallery", href: "/#gallery" },
+                { label: "About", href: "/#about" }
+              ]
+            },
+            {
+              title: "Contact",              items: [
+                { label: "Book a Table", href: "/#booking" },
+                { label: "Call: +212 600 000 000", href: "tel:+212600000000" },
+                { label: "41 Rue des Banques, Marrakech", href: "https://maps.google.com/?q=41+Rue+des+Banques+Marrakech" },
+                { label: "Events & Groups", href: "/" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/" },
+                { label: "Terms of Service", href: "/" },
+                { label: "Accessibility", href: "/" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            }
+          ]}
+          ariaLabel="Site footer"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}