Merge version_4 into main

Merge version_4 into main

src/app/layout.tsx

@@ -1269,4 +1269,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -14,22 +14,22 @@ import { Instagram, Facebook, ShoppingCart } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
+      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="large"
+      contentWidth="medium"
-      sizing="small"
+      sizing="medium"
-      background="radialGradient"
+      background="circleGradient"
-      cardStyle="spotlight"
+      cardStyle="glass-elevated"
-      primaryButtonStyle="outline"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="minimal"
+      secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
+      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>
   );
-}
+}