diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index d8ae384..056fbb2 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -19,25 +19,27 @@ function ShopPageContent() {
     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: () => console.log("cart") }}
+                        button={{ text: "Order Online", onClick: () => console.log("order") }}
                         brandName="Bob's Burgers"
                     />
                     </div>
@@ -51,25 +53,27 @@ function ShopPageContent() {
 
     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: () => console.log("cart") }}
+                    button={{ text: "Order Online", onClick: () => console.log("order") }}
                     brandName="Bob's Burgers"
                 />
                 </div>
@@ -95,4 +99,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
\ No newline at end of file
+}