Update src/app/page.tsx

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -15,19 +15,20 @@ export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
       background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="outline"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Friid"
+          button={{ text: "Contact", href: "contact" }}
           navItems={[
             { name: "Home", id: "hero" },
             { name: "About", id: "about" },
@@ -35,10 +36,6 @@ export default function LandingPage() {
             { name: "Stories", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          button={{
-            text: "Reserve Table",
-            href: "contact"
-          }}
         />
       </div>