From 1554c90a44b6eca129ea461c36e2b60cc2f9fad6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 06:17:44 +0000
Subject: [PATCH] Add src/app/products/page.tsx

---
 src/app/products/page.tsx | 114 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 src/app/products/page.tsx

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..483714d
--- /dev/null
+++ b/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",              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",              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>
+  );
+}