bender/27bf6ae3-5167-49df-badd-9cf421d9afd4
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-07 00:41:40 +00:00
parent 62caab0305
commit 6ded262b55
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/page.tsx
View File

@@ -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
<TestimonialAboutCard
tag="Our Mission"
title="About Debris Free Oceans"
description='We are a Miami-based organization dedicated to "turning off the waste tap." Our mission is to lead the transition toward a zero-waste economy by addressing both the infrastructure and the culture of disposable living.'
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"
subdescription=""
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>
@@ -78,9 +79,9 @@ export default function LandingPage() {
title="Our Core Strategy: The 5Rs"
description='We move beyond just "cleaning up" by integrating a circular approach to waste'
features={[
{ id: "1", label: "Reduce", title: "", items: ["Inspiring a shift away from single-use consumption to stop waste before it starts.", ""] },
{ 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}
/>