Update src/app/page.tsx

Merge version_11 into main

src/app/layout.tsx

@@ -19,9 +19,9 @@ export const metadata: Metadata = {
   },
 };
 
+
 const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
+  variable: "--font-montserrat",  subsets: ["latin"],
 });
 
 export default function RootLayout({

src/app/page.tsx

@@ -8,8 +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 TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
-import { Target } from 'lucide-react';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function LandingPage() {
   return (
@@ -59,20 +58,14 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TimelineProcessFlow 
+      <SplitAbout
         title="About Debris Free Oceans"
-        description="We are a team of ocean advocates committed to a 5Rs approach to restore marine health and stop plastic flow. Our timeline follows a central wave path through the deep sea, connecting our mission and strategy nodes."
-        tag="Mission & Strategy"
-        tagIcon={Target}
-        textboxLayout="split-description"
-        animationType="blur-reveal"
-        items={[
-          { content: "Debris Free Oceans is a grassroots organization dedicated to keeping our oceans clean. We partner with local communities and schools to raise awareness.", media: "", reverse: false },
-          { content: "The 5Rs Strategy (Refuse, Reduce, Reuse, Repurpose, Recycle) serves as our blueprint for sustainable daily living and corporate change.", media: "", reverse: true },
-          { content: "We execute beach cleanups, educational workshops, and advocate for policy changes to ensure our oceans remain pristine.", media: "", reverse: false },
-          { content: "Our ultimate goal is a healthy, self-sustaining blue planet, completely free from the harmful impact of modern plastic waste.", media: "", reverse: true }
-        ]}
-        className="bg-gradient-to-b from-teal-500 to-slate-950"
+        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"
+        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={[]}
       />
   </div>
 
@@ -83,7 +76,7 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        { title: "Refuse & Reduce", description: "Say no to single-use plastics and minimize waste at the source.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png" },
+        { title: "Refuse & Reduce", description: "Say no to single-use plastics and minimize waste at the source.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png?_wi=2" },
         { title: "Reuse & Repurpose", description: "Extend the life of materials through creative reuse and repurposing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/school-of-fish-swimming-through-midwater-1775511261257-73e530b0.png" },
         { title: "Final Goal", description: "A clean, thriving ocean ecosystem free from plastic debris.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-drifting-past-futuristic-ocean-u-1775511260463-ae02a6e5.png" },
       ]}
@@ -126,4 +119,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}