Bob AI: Replace the current NavbarStyleCentered with a different nav

src/app/page.tsx

@@ -10,6 +10,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Award, Code, Linkedin, Network, Sparkles, Twitter, Users } from "lucide-react";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 
 export default function SitePage() {
   return (
@@ -26,7 +27,7 @@ export default function SitePage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered 
+        <NavbarStyleApple 
           navItems={[{name:"Hero",id:"hero-section"},{name:"About",id:"about-section"},{name:"Features",id:"features-section"},{name:"Team",id:"team-section"},{name:"Testimonials",id:"testimonials-section"},{name:"Events",id:"events-section"},{name:"Contact",id:"contact-section"}]} 
           button={{text:"Join Us",href:"#contact-section"}} 
           brandName="TechClub Community"