Update src/app/page.tsx

Merge version_15 into main

src/app/layout.tsx

@@ -21,6 +21,7 @@ export const metadata: Metadata = {
 
 
 
+
 const montserrat = Montserrat({
   variable: "--font-montserrat",  subsets: ["latin"],
 });

src/app/page.tsx

@@ -8,7 +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 MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Recycle } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -58,15 +59,15 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-        title="Our Mission & The 5Rs Strategy"
-        description="We are dedicated to safeguarding our oceans by implementing a proactive, layered approach to waste management and community engagement."
-        metrics={[
-          { value: "5", title: "Core Pillars (5Rs)" },
-          { value: "100%", title: "Ecological Commitment" }
-        ]}
-        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png"
-        className="bg-background-accent text-foreground py-20"
+      <TestimonialAboutCard
+        tag="Our Mission"
+        title="Turning Off The Waste Tap"
+        description="We are a Miami-based non-profit organization dedicated to advancing a zero-waste economy. Our goal is to shift cultural paradigms away from disposable living toward a circular future."
+        subdescription="Through community, education, and advocacy, we tackle the root causes of ocean plastic pollution, protecting the delicate ecosystems that define our blue planet."
+        icon={Recycle}
+        videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.mp4"
+        mediaAnimation="blur-reveal"
+        className="py-24 bg-background-accent"
         useInvertedBackground={false}
       />
   </div>
@@ -75,12 +76,12 @@ export default function LandingPage() {
       <FeatureCardTwelve
       animationType="blur-reveal"
       textboxLayout="split"
-      title="What We Do"
-      description="Our strategy focuses on systematic change and actionable community restoration initiatives."
+      title="Our Core Strategy: The 5Rs"
+      description='We move beyond just "cleaning up" by integrating a circular approach to waste'
       features={[
-        { id: "1", label: "Refuse & Reduce", title: "Prevention", items: ["Single-use ban", "Packaging audits"] },
-        { id: "2", label: "Reuse & Repurpose", title: "Circularity", items: ["Material upcycling", "Community workshops"] },
-        { id: "3", label: "The Goal", title: "Restoration", items: ["Ecosystem cleaning", "Policy advocacy"] },
+        { id: "1", label: "Reduce", title: "Consumption Shift", items: ["Inspiring a shift away from single-use consumption to stop waste before it starts.", "Consumer awareness initiatives"] },
+        { id: "2", label: "Reuse & Repurpose", title: "Circularity", items: ["Material upcycling projects", "Community repair workshops", "Resource recovery networks"] },
+        { id: "3", label: "The Goal", title: "Restoration", items: ["Ecosystem cleaning efforts", "Policy advocacy for ocean health", "Zero-waste infrastructure"] },
       ]}
       useInvertedBackground={false}
     />