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

src/app/page.tsx

@@ -10,8 +10,9 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Sparkles, Music, Mic, Headphones, Users, Star, Settings, Award, Instagram, Facebook, Twitter } from "lucide-react";
-import { NavbarStyleCentered } from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import { HeroBillboard } from "@/components/sections/hero/HeroBillboard";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroBillboard from "@/components/sections/hero/HeroBillboard";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 
 export default function LandingPage() {
   return (
@@ -28,7 +29,7 @@ export default function LandingPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarStyleApple
           brandName="WarmTone Studios"
           navItems={[
             { name: "Hero", id: "hero-section" },
@@ -42,7 +43,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-         <HeroBillboard
+         <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" }}