13 Commits

Author SHA1 Message Date
806a26f3a0 Update src/app/page.tsx 2026-04-07 00:29:52 +00:00
dc894d78e3 Merge version_14 into main
Merge version_14 into main
2026-04-07 00:19:19 +00:00
83c5e439de Update src/app/page.tsx 2026-04-07 00:19:13 +00:00
0973b97f9b Merge version_14 into main
Merge version_14 into main
2026-04-07 00:18:41 +00:00
e4da15a40c Update src/app/page.tsx 2026-04-07 00:18:38 +00:00
f050312b5b Update src/app/layout.tsx 2026-04-07 00:18:38 +00:00
97c9cd8a43 Merge version_13 into main
Merge version_13 into main
2026-04-07 00:11:04 +00:00
d4b651f5ee Update src/app/page.tsx 2026-04-07 00:11:01 +00:00
d52e20c959 Merge version_13 into main
Merge version_13 into main
2026-04-07 00:10:33 +00:00
79a6a0711c Update src/app/page.tsx 2026-04-07 00:10:26 +00:00
76f74620cf Merge version_12 into main
Merge version_12 into main
2026-04-06 23:58:33 +00:00
761ae85cad Merge version_12 into main
Merge version_12 into main
2026-04-06 23:58:09 +00:00
2cf3ee04b6 Merge version_12 into main
Merge version_12 into main
2026-04-06 23:57:34 +00:00
2 changed files with 21 additions and 19 deletions

View File

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

View File

@@ -3,12 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
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 SplitAbout from '@/components/sections/about/SplitAbout';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
export default function LandingPage() {
return (
@@ -19,9 +19,9 @@ export default function LandingPage() {
contentWidth="mediumLarge"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="gradient-radial"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
@@ -58,30 +58,31 @@ export default function LandingPage() {
</div>
<div id="about" data-section="about">
<SplitAbout
<MetricSplitMediaAbout
title="About Debris Free Oceans"
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."
imagePosition="right"
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"
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtwXXwXAFgkLcj8UK8yqk5jXxb/vibrant-coral-reef-in-midwater-soft-ligh-1775511262201-ae7e40af.png?_wi=1"
textboxLayout="default"
bulletPoints={[]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
<FeatureCardTwelve
animationType="blur-reveal"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Our Core Strategy: The 5Rs"
description='We move beyond just "cleaning up" by integrating a circular approach to waste'
features={[
{ 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?_wi=2" },
{ 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" },
{ 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"] },
]}
title="Our Core Strategy"
description="Guided by the 5Rs, we empower communities to take actionable steps toward a sustainable future."
useInvertedBackground={false}
/>
</div>