From d93cdbbf8e4f77817ccedc1e68ad19816d824822 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Feb 2026 02:07:00 +0000
Subject: [PATCH] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 56 +++++++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 9331ef2..effcc83 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -76,25 +76,27 @@ function ProductPageContent({ params }: ProductPageProps) {
     if (isLoading) {
         return (
             <ThemeProvider
-                defaultButtonVariant="text-stagger"
+                defaultButtonVariant="hover-magnetic"
                 defaultTextAnimation="entrance-slide"
                 borderRadius="rounded"
                 contentWidth="medium"
                 sizing="medium"
-                background="blurBottom"
+                background="none"
                 cardStyle="solid"
-                primaryButtonStyle="radial-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="normal"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="solid"
+                headingFontWeight="semibold"
             >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                     <NavbarStyleCentered
                         navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Menu","id":"product-section"},
+                            {"name":"About","id":"about-section"},
+                            {"name":"Reviews","id":"testimonial-section"},
+                            {"name":"Locations","id":"contact-section"}
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
                         brandName="Bob's Burgers"
                     />
                     </div>
@@ -109,25 +111,27 @@ function ProductPageContent({ params }: ProductPageProps) {
     if (!product) {
         return (
             <ThemeProvider
-                defaultButtonVariant="text-stagger"
+                defaultButtonVariant="hover-magnetic"
                 defaultTextAnimation="entrance-slide"
                 borderRadius="rounded"
                 contentWidth="medium"
                 sizing="medium"
-                background="blurBottom"
+                background="none"
                 cardStyle="solid"
-                primaryButtonStyle="radial-glow"
-                secondaryButtonStyle="glass"
-                headingFontWeight="normal"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="solid"
+                headingFontWeight="semibold"
             >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleCentered
                             navItems={[
-                                {"name":"Home","id":"/"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Menu","id":"product-section"},
+                                {"name":"About","id":"about-section"},
+                                {"name":"Reviews","id":"testimonial-section"},
+                                {"name":"Locations","id":"contact-section"}
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
                             brandName="Bob's Burgers"
                         />
                     </div>
@@ -149,25 +153,27 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="text-stagger"
+            defaultButtonVariant="hover-magnetic"
             defaultTextAnimation="entrance-slide"
             borderRadius="rounded"
             contentWidth="medium"
             sizing="medium"
-            background="blurBottom"
+            background="none"
             cardStyle="solid"
-            primaryButtonStyle="radial-glow"
-            secondaryButtonStyle="glass"
-            headingFontWeight="normal"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="solid"
+            headingFontWeight="semibold"
         >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                 <NavbarStyleCentered
                     navItems={[
-                        {"name":"Home","id":"/"},
-                        {"name":"Shop","id":"/shop"}
+                        {"name":"Menu","id":"product-section"},
+                        {"name":"About","id":"about-section"},
+                        {"name":"Reviews","id":"testimonial-section"},
+                        {"name":"Locations","id":"contact-section"}
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    button={{ text: "Order Online", onClick: () => setCartOpen(true) }}
                     brandName="Bob's Burgers"
                 />
                 </div>
@@ -210,4 +216,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}