Update src/app/page.tsx

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
 import TextAbout from "@/components/sections/about/TextAbout";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
@@ -15,27 +15,27 @@ import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="small"
-      sizing="largeSmallSizeMediumTitles"
-      background="aurora"
-      cardStyle="glass-elevated"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeLargeTitles"
+      background="none"
+      cardStyle="solid"
       primaryButtonStyle="flat"
-      secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
+        <NavbarStyleApple
           brandName="Synthify Media"
           navItems={[
             { name: "Services", id: "features" },
             { name: "About", id: "about" },
             { name: "Testimonials", id: "testimonials" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Contact", id: "contact" }
           ]}
-          button={{ text: "Get Started", href: "contact" }}
         />
       </div>