Bob AI: Replace the current NavbarStyleCentered navbar with a differ

Merge version_1 into main

src/app/page.tsx

@@ -26,7 +26,7 @@ export default function LandingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered 
+        <NavbarStyleDefault 
           navItems={[{name:"Hero",id:"hero-section"},{name:"About",id:"about-section"},{name:"Feature",id:"features-section"},{name:"Metric",id:"events-section"},{name:"Testimonial",id:"projects-section"},{name:"Contact",id:"resources-section"},{name:"Footer",id:"members-section"}]}
           button={{text:"Join Now",href:"#members-section"}}
           brandName="TechClub"