diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c9cd306..3bfd679 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1269,4 +1269,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3d7bc59..5b21435 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,22 +14,22 @@ import { Instagram, Facebook, ShoppingCart } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="large"
-      sizing="small"
-      background="radialGradient"
-      cardStyle="spotlight"
-      primaryButtonStyle="outline"
-      secondaryButtonStyle="minimal"
-      headingFontWeight="extrabold"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Mongusta"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "hero" },
             { name: "About", id: "about" },
             { name: "Menu", id: "menu" },
             { name: "Team", id: "team" },
@@ -240,4 +240,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file