Update src/app/page.tsx

Merge version_10 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,9 +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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Waves } from 'lucide-react';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
 
 export default function LandingPage() {
   return (
@@ -31,7 +29,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 +58,20 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard 
-        tag="Our Mission"
+      <TeamCardSix
         title="About Debris Free Oceans"
-        description="We are dedicated to turning off the waste tap to protect our blue planet. Through education, community action, and sustainable solutions, we work to heal our waters."
-        subdescription="Join us as we explore the 5Rs—Refuse, Reduce, Reuse, Repurpose, Recycle—to maintain the health of our currents and marine ecosystems."
-        icon={Waves}
+        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."
+        animationType="depth-3d"
+        gridVariant="three-columns-all-equal-width"
+        textboxLayout="split"
         useInvertedBackground={false}
-        videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/panoramic-ocean-surface-with-sun-glisten-1775511261059-f4eb7d73.mp4"
+        members={[
+          { id: "1", name: "Our Mission", role: "Debris Free Oceans is a grassroots organization dedicated to keeping our oceans clean. We partner with local communities and schools to raise awareness." },
+          { id: "2", name: "The 5Rs", role: "Rethink & Reduce, Reuse, Recycle, Recapture & Redesign are our blueprint for sustainable daily living and corporate change." },
+          { id: "3", name: "What We Do", role: "Education, Community Cleanups, Sustainability Consulting, Advocacy to protect our blue planet." },
+          { id: "4", name: "Our Goal", role: "A healthy, self-sustaining blue planet, completely free from the harmful impact of modern plastic waste." }
+        ]}
+        className="bg-gradient-to-br from-[#E0F7FA] to-[#001f3f]"
       />
   </div>
 
@@ -78,12 +82,12 @@ 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: "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: "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: "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: "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" },
       ]}
-      title="The Midwater Journey"
-      description="As you descend, witness the change in light, pressure, and the diverse marine life thriving in these deep, cool waters."
+      title="Our Core Strategy"
+      description="Guided by the 5Rs, we empower communities to take actionable steps toward a sustainable future."
     />
   </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>
   );
-}
+}