Bob AI: Replace all sections on the page with different component va

src/app/page.tsx

@@ -132,7 +132,7 @@ export default function LandingPage() {
       `}</style>
 
       <div id="hero-section" data-section="hero-section">
-        <HeroLogoBillboardSplit
+        <HeroImageOverlay
           logoText="Harmony Studios"
           description="Where musical excellence meets cutting-edge technology. We craft sonic experiences that resonate with artists and audiences alike."
           background={{ variant: "radial-gradient" }}
@@ -141,17 +141,16 @@ export default function LandingPage() {
             { text: "Book a Session", href: "#contact-section" }
           ]}
           buttonAnimation="slide-up"
-          layoutOrder="default"
           imageSrc="https://img.b2bpic.net/free-photo/piano-key-guitar-string-musician-creativity-generated-by-ai_188544-25821.jpg"
           imageAlt="Elegant recording studio setup with professional audio equipment"
           mediaAnimation="blur-reveal"
-          frameStyle="card"
+          overlayOpacity={0.4}
           ariaLabel="Hero section featuring Harmony Studios branding and studio imagery"
         />
       </div>
 
       <div id="about-section" data-section="about-section">
-        <MetricSplitMediaAbout
+        <TimelineAbout
           title="Crafting Soundscapes That Define Artistry"
           description="With over two decades of experience, our studio has been the creative sanctuary where legendary tracks are born. We blend technical excellence with artistic vision to deliver recordings that resonate beyond the studio walls."
           metrics={[
@@ -172,7 +171,7 @@ export default function LandingPage() {
       </div>
 
       <div id="features-section" data-section="features-section">
-        <FeatureCardThree
+        <FeatureCardTwo
           title="Professional Recording Services"
           description="State-of-the-art facilities and expert engineers to bring your musical vision to life with unparalleled sound quality."
           tag="Studio Excellence"
@@ -205,7 +204,7 @@ export default function LandingPage() {
       </div>
 
       <div id="team-section" data-section="team-section">
-        <TeamCardSix
+        <TeamCardFour
           members={[
             {
               id: "member-1",              name: "Alexandra Chen",              role: "Lead Producer & Engineer",              imageSrc: "https://img.b2bpic.net/free-photo/music-producer-using-his-headphones-mix-master-session_482257-121292.jpg",              imageAlt: "Alexandra Chen, Lead Producer & Engineer at Melody Studio"
@@ -244,7 +243,7 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials-section" data-section="testimonials-section">
-        <TestimonialCardOne
+        <TestimonialCardThree
           testimonials={[
             {
               id: "testimonial-1",              name: "Alexandra Chen",              role: "Lead Vocalist",              company: "Midnight Echoes",              rating: 5,
@@ -279,7 +278,7 @@ export default function LandingPage() {
       </div>
 
       <div id="contact-section" data-section="contact-section">
-        <ContactFaq
+        <ContactForm
           faqs={[
             {
               id: "faq-1",              title: "What recording packages do you offer?",              content: "We provide comprehensive recording packages tailored to different needs, from basic tracking sessions to full production services including mixing, mastering, and artist development."
@@ -309,7 +308,7 @@ export default function LandingPage() {
       </div>
 
       <div id="footer-section" data-section="footer-section">
-        <FooterMedia
+        <FooterMinimal
           imageSrc="https://img.b2bpic.net/free-photo/artist-props-photography_23-2148885625.jpg"
           imageAlt="Elegant music studio interior with vintage instruments and warm lighting"
           columns={[