Add src/app/products/page.tsx

2026-03-18 06:17:44 +00:00
parent a64bfdf66d
commit 1554c90a44
1 changed files with 114 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ 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>
+  );
+}