Add src/app/products/page.tsx

2026-05-05 20:16:34 +00:00
parent adb4a8cfee
commit 56ab4b384d
1 changed files with 66 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="mediumLargeSizeMediumTitles"
+        background="aurora"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "Menu", id: "/products" },
+              { name: "Notre Histoire", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Focaccia"
+          />
+        </div>
+
+        <div id="menu" data-section="menu" style={{ paddingTop: "120px" }}>
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            title="Notre Menu Complet"
+            description="Découvrez toutes nos spécialités italiennes, classées par catégorie."
+            products={[
+              { id: "p1", brand: "Pizza", name: "Burrata Truffe", price: "18€", rating: 5, reviewCount: "120", imageSrc: "https://maps.app.goo.gl/fVYenrvoW6bMYroL7?_wi=1" },
+              { id: "p2", brand: "Pizza", name: "Pizza Nucci", price: "15€", rating: 5, reviewCount: "98", imageSrc: "https://maps.app.goo.gl/fVYenrvoW6bMYroL7?_wi=2" },
+              { id: "p3", brand: "Pâtes", name: "Tagliatelles Grana", price: "16€", rating: 4, reviewCount: "85", imageSrc: "https://maps.app.goo.gl/fVYenrvoW6bMYroL7?_wi=3" },
+              { id: "p4", brand: "Pâtes", name: "Fruits de Mer", price: "19€", rating: 5, reviewCount: "67", imageSrc: "https://maps.app.goo.gl/fVYenrvoW6bMYroL7?_wi=4" },
+              { id: "p5", brand: "Dessert", name: "Tiramisu Maison", price: "10€", rating: 5, reviewCount: "210", imageSrc: "https://maps.app.goo.gl/fVYenrvoW6bMYroL7?_wi=5" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Menu", href: "/products" }, { label: "Contact", href: "#contact" }] },
+            ]}
+            logoText="Focaccia"
+            copyrightText="© 2025 Focaccia Palaiseau"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}