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

src/app/page.tsx

@@ -10,6 +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 HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 
 export default function LandingPage() {
   return (
@@ -40,14 +43,14 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboardDashboard
+         <HeroBillboardCarousel
-          title="Where Music Meets Mastery"
+           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."
+           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" }}
+           background={{ variant: "radial-gradient" }}
-          tag="Premium Recording Services"
+           tag="Premium Recording Services"
-          tagIcon={Sparkles}
+           tagIcon={Sparkles}
-          tagAnimation="slide-up"
+           tagAnimation="slide-up"
-          buttons={[
+           buttons={[
             { text: "Book a Session", href: "#contact-section" },
             { text: "Explore Our Studio", href: "#about-section" }
           ]}