From 96b507a3a06d6cc21a8a2e396bd827d6416b0e64 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 20:39:20 +0000
Subject: [PATCH] Update src/app/products/page.tsx

---
 src/app/products/page.tsx | 45 +++++++++++++++++++++++++++------------
 1 file changed, 31 insertions(+), 14 deletions(-)

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 161d317..8407a5d 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -24,29 +24,46 @@ export default function ProductsPage() {
   ].map(p => ({ ...p, imageSrc: "http://img.b2bpic.net/free-photo/baked-pie-stuffed-with-food-inside-pottery-bowl_114579-2598.jpg" }));
 
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "Products", id: "/products" }
-            ]}
-            brandName="Beit Beyrut"
-        />
-        <div className="pt-24">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "Products", id: "/products" }
+              ]}
+              brandName="Beit Beyrut"
+          />
+        </div>
+        <div id="menu" data-section="menu" className="pt-24">
             <ProductCardOne 
                 products={products}
                 title="Beit Beyrut Special"
                 gridVariant="uniform-all-items-equal"
                 animationType="slide-up"
                 textboxLayout="default"
+                description="Our traditional menu selections."
+                useInvertedBackground={false}
             />
         </div>
-        <FooterBase 
-            logoText="Beit Beyrut"
-            copyrightText="© 2025 | Lights Marketing | +905331301731"
-            columns={[]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterBase 
+              logoText="Beit Beyrut"
+              copyrightText="© 2025 | Lights Marketing | +905331301731"
+              columns={[]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );