Update src/app/page.tsx

Merge version_12 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 
 export default function LandingPage() {
   return (
@@ -58,14 +58,14 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
-        title="About Debris Free Oceans"
-        description="Dedicated to keeping our oceans clean through a 5Rs mission. Our core strategy revolves around rethinking daily habits, reducing waste, and reimagining our relationship with the sea."
-        imagePosition="right"
+      <InlineImageSplitTextAbout
+        heading={[
+          { type: 'text', content: 'Our ' },
+          { type: 'image', src: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-ascending-slowly-through-ocean-s-1775511261316-98e8ea56.png', alt: 'Ocean bubbles' },
+          { type: 'text', content: ' 5Rs Strategy' }
+        ]}
         useInvertedBackground={false}
-        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png?_wi=1"
-        textboxLayout="default"
-        bulletPoints={[]}
+        className="bg-background-accent text-foreground py-20"
       />
   </div>
 
@@ -119,4 +119,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}