Update src/app/blog/page.tsx

src/app/blog/page.tsx

@@ -11,30 +11,27 @@ export default function BlogPage() {
 
     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="nav" data-section="nav">
                     <NavbarStyleCentered
                         navItems={[
-                            {"name":"Home","id":"/"},
-                            {"name":"Hero","id":"hero-section"},
+                            {"name":"Menu","id":"product-section"},
                             {"name":"About","id":"about-section"},
-                            {"name":"Feature","id":"features-section"},
-                            {"name":"Product","id":"product-section"},
-                            {"name":"Testimonial","id":"testimonial-section"},
-                            {"name":"Contact","id":"contact-section"}
+                            {"name":"Reviews","id":"testimonial-section"},
+                            {"name":"Locations","id":"contact-section"}
                         ]}
-                        button={{"text":"Order Now","href":"#product-section"}}
+                        button={{"text":"Order Online","href":"#product-section"}}
                         brandName="Bob's Burgers"
                     />
                 </div>
@@ -60,4 +57,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}