Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -9,8 +9,8 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { BarChart3, Users, Target, Zap } from 'lucide-react';
+import { Waves, Droplets, Recycle, Target, ShieldCheck } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -59,6 +59,18 @@ 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}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardThree
       animationType="slide-up"
@@ -66,29 +78,15 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        { title: "Bioluminescent Wonders", description: "Glimmering organisms that light up the darkness.", 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" },
-        { title: "Fluid Dynamics", description: "Experience currents that shape the ocean floor.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/school-of-fish-swimming-through-midwater-1775511261257-73e530b0.png" },
+        { 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: "Atmospheric Pressure", description: "Feel the intensity of depth in every interaction.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/bubbles-drifting-past-futuristic-ocean-u-1775511260463-ae02a6e5.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" },
       ]}
-      title="The Midwater Journey"
+      title="Our Core Strategy"
-      description="As you descend, witness the change in light, pressure, and the diverse marine life thriving in these deep, cool waters."
+      description="Guided by the 5Rs, we empower communities to take actionable steps toward a sustainable future."
     />
   </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric 
-        title="Our Impact Underwater"
-        metricsAnimation="slide-up"
-        useInvertedBackground={false}
-        metrics={[
-          { icon: BarChart3, label: "Depth Scanned", value: "45,000 km" },
-          { icon: Users, label: "Active Explorers", value: "1,200+" },
-          { icon: Target, label: "Zones Discovered", value: "85" },
-          { icon: Zap, label: "Data Processed", value: "12 TB" }
-        ]}
-      />
-  </div>
-
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}
@@ -141,4 +139,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}