Bob AI: change about section to another with image

src/app/page.tsx

@@ -6,7 +6,7 @@ import { Facebook, Heart, Instagram, Twitter, Sparkles, Star } from "lucide-reac
 
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import TextAbout from '@/components/sections/about/TextAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -72,16 +72,19 @@ export default function LandingPage() {
       </div>
 
       <div id="about-section" data-section="about-section">
-        <TextAbout
+        <MediaAbout
           tag="OUR STORY"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           title="Crafting Timeless Beauty Since 2010"
+          description="Discover the artistry and dedication behind every piece. Our master craftsmen blend traditional techniques with modern innovation to create jewelry that tells your story."
           buttons={[
-            { text: "Explore Our Collections", href: "#products-section" },
-            { text: "Meet Our Artisans", href: "#testimonials-section" },
+            { text: "Explore Our Collections", href: "#products-section", dataWebildId: "btn_explore_collections" },
+            { text: "Meet Our Artisans", href: "#testimonials-section", dataWebildId: "btn_meet_artisans" },
           ]}
           buttonAnimation="slide-up"
+          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+          imageAlt="Klark luxury jewelry craftsmanship"
           useInvertedBackground={false}
         />
       </div>