From 95b549cca2c59c37fb1d2e5d3ee9315bb0ec314e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 23:43:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 48 +++++++++++++++++-------------------------------
 1 file changed, 17 insertions(+), 31 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 61b3792..070fe36 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,8 @@ 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Waves, Droplets, Recycle, Target, ShieldCheck } from 'lucide-react';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import { Target } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,7 +30,7 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Surface", id: "hero" },
-        { name: "About", id: "about" },
+        { name: "The Strategy", id: "about" },
         { name: "Midwater", id: "features" },
         { name: "Abyss", id: "metrics" },
         { name: "Connect", id: "contact" },
@@ -60,14 +59,19 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialCardFifteen 
-        testimonial="At the heart of our mission is the 5Rs strategy: Refuse, Reduce, Reuse, Repurpose, Recycle. We believe that by changing our daily habits, we can stop the flow of plastic into our oceans and restore marine health."
-        rating={5}
-        author="Debris Free Oceans Core Team"
-        avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-ascending-slowly-through-ocean-s-1775511261316-98e8ea56.png", alt: "Action" }]}
-        ratingAnimation="blur-reveal"
-        avatarsAnimation="slide-up"
-        useInvertedBackground={false}
+      <TimelineProcessFlow 
+        title="Our Mission & Strategy"
+        description="We are a team of ocean advocates committed to a 5Rs approach to restore marine health and stop plastic flow."
+        tag="Debris Free Oceans"
+        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 }
+        ]}
       />
   </div>
 
@@ -101,24 +105,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Elena V.", handle: "@elena_ocean", testimonial: "The transition to the deep ocean felt so incredibly real.", rating: 5 },
-        { id: "2", name: "Marcus R.", handle: "@marcus_deep", testimonial: "The lighting effects are absolutely stunning. Truly immersive.", rating: 5 },
-        { id: "3", name: "Sarah K.", handle: "@sarah_waves", testimonial: "A calming and futuristic experience unlike any other I've seen.", rating: 5 },
-        { id: "4", name: "David W.", handle: "@david_explore", testimonial: "Loved the subtle animations as you scroll down the page.", rating: 5 },
-        { id: "5", name: "Chloe L.", handle: "@chloe_blue", testimonial: "The perfect balance of minimalist UI and deep ocean atmosphere.", rating: 5 },
-      ]}
-      showRating={true}
-      title="Explorers' Impressions"
-      description="Discover what fellow travelers experienced during their descent."
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
@@ -139,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1