Update src/app/page.tsx

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -28,7 +28,7 @@ export default function TechHubClubPage() {
       headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen 
+        <NavbarStyleApple 
           navItems={[
             {name: "Home", id: "hero"},
             {name: "About", id: "about"},
@@ -37,8 +37,6 @@ export default function TechHubClubPage() {
             {name: "Contact", id: "contact"}
           ]}
           brandName="TechHub Club"
-          bottomLeftText="Join the Community"
-          bottomRightText="hello@techhubclub.com"
         />
       </div>
 
@@ -54,8 +52,8 @@ export default function TechHubClubPage() {
           ]}
           avatarText="Join 150+ passionate members"
           buttons={[
-            {text: "Join Now", href: "#contact"},
+            {text: "Join Now", href: "contact"},
-            {text: "Learn More", href: "#about"}
+            {text: "Learn More", href: "about"}
           ]}
           buttonAnimation="slide-up"
         />
@@ -70,8 +68,8 @@ export default function TechHubClubPage() {
           ]}
           useInvertedBackground={false}
           buttons={[
-            {text: "View Our Projects", href: "#features"},
+            {text: "View Our Projects", href: "features"},
-            {text: "Contact Us", href: "#contact"}
+            {text: "Contact Us", href: "contact"}
           ]}
           buttonAnimation="slide-up"
         />