Update src/app/page.tsx

src/app/page.tsx

@@ -16,22 +16,22 @@ export default function LandingPage() {
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth="compact"
-      sizing="large"
-      background="floatingGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="shadow"
-      secondaryButtonStyle="layered"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="Gusto"
           navItems={[
-            { name: "Home", id: "#hero" },
-            { name: "About", id: "#about" },
-            { name: "Menu", id: "#products" },
-            { name: "Contact", id: "#contact" }
+            { name: "Home", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "products" },
+            { name: "Contact", id: "contact" }
           ]}
           button={{ text: "Order Now", href: "https://gustonewberg.com" }}
         />