src/app/page.tsx

@@ -17,23 +17,21 @@ export default function LandingPage() {
       defaultButtonVariant="directional-hover"
       defaultTextAnimation="background-highlight"
       borderRadius="pill"
-      contentWidth="smallMedium"
-      sizing="largeSmallSizeMediumTitles"
-      background="aurora"
-      cardStyle="gradient-bordered"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="medium"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Osogbo Dining"
           navItems={[
-            { name: "Menu", id: "#menu" },
-            { name: "About", id: "#about" },
-            { name: "Reviews", id: "#reviews" },
-            { name: "Location", id: "#location" },
-            { name: "Reserve", id: "#reserve" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
         />
       </div>