Bob AI: change about section to another with new text

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 SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -72,17 +72,50 @@ export default function LandingPage() {
       </div>
 
       <div id="about-section" data-section="about-section">
-        <TextAbout
-          tag="OUR STORY"
+        <SplitAbout
+          tag="ABOUT KLARK"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Crafting Timeless Beauty Since 2010"
+          title="Redefining Modern Design Excellence"
+          titleSegments={[
+            { text: "Redefining", color: "text-green-500" },
+            { text: "Modern Design Excellence" }
+          ]}
+          description="At Klark, we believe exceptional design transforms spaces and elevates experiences. Since our founding, we've been committed to creating innovative solutions that blend aesthetics with functionality, delivering products that inspire and endure."
           buttons={[
-            { text: "Explore Our Collections", href: "#products-section" },
-            { text: "Meet Our Artisans", href: "#testimonials-section" },
+            { label: "View Our Work", href: "#portfolio-section", dataWebildId: "btn_klark_portfolio" },
+            { label: "Get In Touch", href: "#contact-section", dataWebildId: "btn_klark_contact" }
           ]}
           buttonAnimation="slide-up"
+          bulletPoints={[
+            {
+              title: "Innovative Design",
+              description: "Cutting-edge solutions that push creative boundaries",
+              icon: Sparkles
+            },
+            {
+              title: "Quality Craftsmanship",
+              description: "Meticulous attention to detail in every creation",
+              icon: Sparkles
+            },
+            {
+              title: "Sustainable Practices",
+              description: "Environmentally conscious production methods",
+              icon: Sparkles
+            },
+            {
+              title: "Client-Focused",
+              description: "Your vision drives our creative process",
+              icon: Sparkles
+            }
+          ]}
+          imageSrc="https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg"
+          imageAlt="Klark design showcase"
+          imagePosition="right"
+          mediaAnimation="slide-up"
+          textboxLayout="default"
           useInvertedBackground={false}
+          ariaLabel="About Klark design studio"
         />
       </div>