Merge version_11 into main #16
@@ -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({
|
||||
|
||||
@@ -8,8 +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 TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
|
||||
import { Target } from 'lucide-react';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import { Target, Info, Recycle, Users, Lightbulb } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -59,20 +59,19 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TimelineProcessFlow
|
||||
<TeamCardSix
|
||||
title="About Debris Free Oceans"
|
||||
description="We are a team of ocean advocates committed to a 5Rs approach to restore marine health and stop plastic flow. Our timeline follows a central wave path through the deep sea, connecting our mission and strategy nodes."
|
||||
tag="Mission & Strategy"
|
||||
tagIcon={Target}
|
||||
textboxLayout="split-description"
|
||||
animationType="blur-reveal"
|
||||
items={[
|
||||
{ content: "Debris Free Oceans is a grassroots organization dedicated to keeping our oceans clean. We partner with local communities and schools to raise awareness.", media: "", reverse: false },
|
||||
{ content: "The 5Rs Strategy (Refuse, Reduce, Reuse, Repurpose, Recycle) serves as our blueprint for sustainable daily living and corporate change.", media: "", reverse: true },
|
||||
{ content: "We execute beach cleanups, educational workshops, and advocate for policy changes to ensure our oceans remain pristine.", media: "", reverse: false },
|
||||
{ content: "Our ultimate goal is a healthy, self-sustaining blue planet, completely free from the harmful impact of modern plastic waste.", media: "", reverse: true }
|
||||
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"
|
||||
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-b from-teal-500 to-slate-950"
|
||||
className="bg-gradient-to-br from-[#E0F7FA] to-[#001f3f]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -126,4 +125,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user