Bob AI: Replace all components on the page with alternative designs

src/app/page.tsx

@@ -13,6 +13,7 @@ import { Sparkles, Music, Mic, Headphones, Users, Star, Settings, Award, Instagr
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
 import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 
 export default function LandingPage() {
   return (
@@ -28,29 +29,29 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="normal"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleApple
-          brandName="WarmTone Studios"
-          navItems={[
-            { name: "Hero", id: "hero-section" },
-            { name: "About", id: "about-section" },
-            { name: "Feature", id: "features-section" },
-            { name: "Team", id: "team-section" },
-            { name: "Testimonial", id: "testimonials-section" },
-            { name: "Contact", id: "contact-section" }
-          ]}
-        />
-      </div>
+       <div id="nav" data-section="nav">
+         <NavbarLayoutFloatingInline
+           brandName="WarmTone Studios"
+           navItems={[
+             { name: "Hero", id: "hero-section" },
+             { name: "About", id: "about-section" },
+             { name: "Feature", id: "features-section" },
+             { name: "Team", id: "team-section" },
+             { name: "Testimonial", id: "testimonials-section" },
+             { name: "Contact", id: "contact-section" }
+           ]}
+         />
+       </div>
 
-      <div id="hero-section" data-section="hero-section">
-         <HeroBillboardCarousel
-           title="Where Music Meets Mastery"
-           description="Transform your sound with our state-of-the-art recording studio. Professional-grade equipment, expert engineers, and a cozy atmosphere designed for artists who demand excellence."
-           background={{ variant: "radial-gradient" }}
-           tag="Premium Recording Services"
-           tagIcon={Sparkles}
-           tagAnimation="slide-up"
-           buttons={[
+       <div id="hero-section" data-section="hero-section">
+          <HeroBillboard
+            title="Where Music Meets Mastery"
+            description="Transform your sound with our state-of-the-art recording studio. Professional-grade equipment, expert engineers, and a cozy atmosphere designed for artists who demand excellence."
+            background={{ variant: "radial-gradient" }}
+            tag="Premium Recording Services"
+            tagIcon={Sparkles}
+            tagAnimation="slide-up"
+            buttons={[
             { text: "Book a Session", href: "#contact-section" },
             { text: "Explore Our Studio", href: "#about-section" }
           ]}