diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4b6d335..1559500 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,18 +8,18 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "/" },
               { name: "Our Story", id: "/about" },
-              { name: "Menu", id: "/#menu" },
-              { name: "Events", id: "/#events" },
+              { name: "Menu", id: "/menu" },
+              { name: "Events", id: "/events" },
               { name: "Contact", id: "/contact" },
             ]}
             brandName="The Table"
-            button={{ text: "Order Now", href: "/#menu" }}
+            button={{ text: "Order Now", href: "/menu" }}
         />
         <div className="pt-24">
             <TextSplitAbout