Bob AI: Replace all components on the music studio website with alte

src/app/page.tsx

@@ -10,6 +10,8 @@ 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";
 
 export default function LandingPage() {
   return (
@@ -26,7 +28,7 @@ export default function LandingPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarStyleCentered
           brandName="WarmTone Studios"
           navItems={[
             { name: "Hero", id: "hero-section" },
@@ -40,14 +42,14 @@ export default function LandingPage() {
       </div>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroBillboardDashboard
+         <HeroBillboard
-          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" }
           ]}