Update src/app/page.tsx

This commit is contained in:
2026-02-19 19:02:17 +00:00
parent 477d4ca001
commit 0c8bc7b3b0

View File

@@ -31,7 +31,7 @@ export default function LandingPage() {
navItems={[
{ name: "Mission", id: "mission" },
{ name: "Impact", id: "impact" },
{ name: "Updates", id: "updates" },
{ name: "Follow the Journey", id: "follow-the-journey" },
{ name: "Support", id: "support" },
{ name: "Contact", id: "contact" }
]}
@@ -63,7 +63,7 @@ export default function LandingPage() {
mediaAnimation="slide-up"
buttons={[
{ text: "Donate", href: "#support" },
{ text: "Follow the Journey", href: "#updates" }
{ text: "Follow the Journey", href: "#follow-the-journey" }
]}
buttonAnimation="slide-up"
/>
@@ -114,6 +114,28 @@ export default function LandingPage() {
/>
</div>
<div id="follow-the-journey" data-section="follow-the-journey">
<BlogCardOne
title="Follow the Journey"
description="Watch our restoration progress unfold. Updates on tank setup, research breakthroughs, and ecosystem monitoring. Everything happening in real-time with transparency and detailed documentation."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
blogs={[
{
id: "1", category: "Setup", title: "Building Our Restoration Tank", excerpt: "Progress on constructing the kelp growth system with proper temperature control and monitoring equipment for optimal conditions.", imageSrc: "https://img.b2bpic.net/free-photo/bottles-with-seeds-near-blackboard_23-2147714867.jpg?_wi=2", imageAlt: "Restoration tank setup", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/people-doing-fish-spa-massage-close-up-legs_1150-10391.jpg", date: "January 2025"
},
{
id: "2", category: "Research", title: "Kelp Growth Monitoring Begins", excerpt: "Initial research on local kelp species and growth rates. We're documenting every stage of development to understand optimal restoration conditions.", imageSrc: "https://img.b2bpic.net/free-photo/group-activists-friends-collecting-plastic-waste-beach-environmental-conservation_1153-4891.jpg", imageAlt: "Research team monitoring growth", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/group-activists-friends-collecting-plastic-waste-beach-environmental-conservation_1153-4891.jpg", date: "December 2024"
},
{
id: "3", category: "Impact", title: "Local Ecosystem Assessment", excerpt: "Our first underwater surveys reveal declining kelp populations in San Diego. This data drives our restoration urgency and strategy.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-man-writing-notebook_23-2150170332.jpg", imageAlt: "Underwater ecosystem survey", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/side-view-man-writing-notebook_23-2150170332.jpg", date: "November 2024"
}
]}
/>
</div>
<div id="why-kelp" data-section="why-kelp">
<FeatureCardSixteen
title="Why Kelp Matters"
@@ -136,28 +158,6 @@ export default function LandingPage() {
/>
</div>
<div id="updates" data-section="updates">
<BlogCardOne
title="Project Updates & Research Journal"
description="Follow along as we document our kelp restoration journey. Updates on tank setup, research progress, and ecosystem monitoring."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
carouselMode="buttons"
blogs={[
{
id: "1", category: "Setup", title: "Building Our Restoration Tank", excerpt: "Progress on constructing the kelp growth system with proper temperature control and monitoring equipment for optimal conditions.", imageSrc: "https://img.b2bpic.net/free-photo/bottles-with-seeds-near-blackboard_23-2147714867.jpg?_wi=2", imageAlt: "Restoration tank setup", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/people-doing-fish-spa-massage-close-up-legs_1150-10391.jpg", date: "January 2025"
},
{
id: "2", category: "Research", title: "Kelp Growth Monitoring Begins", excerpt: "Initial research on local kelp species and growth rates. We're documenting every stage of development to understand optimal restoration conditions.", imageSrc: "https://img.b2bpic.net/free-photo/group-activists-friends-collecting-plastic-waste-beach-environmental-conservation_1153-4891.jpg", imageAlt: "Research team monitoring growth", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/group-activists-friends-collecting-plastic-waste-beach-environmental-conservation_1153-4891.jpg", date: "December 2024"
},
{
id: "3", category: "Impact", title: "Local Ecosystem Assessment", excerpt: "Our first underwater surveys reveal declining kelp populations in San Diego. This data drives our restoration urgency and strategy.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-man-writing-notebook_23-2150170332.jpg", imageAlt: "Underwater ecosystem survey", authorName: "Blue Forest Team", authorAvatar: "https://img.b2bpic.net/free-photo/side-view-man-writing-notebook_23-2150170332.jpg", date: "November 2024"
}
]}
/>
</div>
<div id="support" data-section="support">
<FeatureCardSixteen
title="Where Your Donation Goes"
@@ -207,7 +207,7 @@ export default function LandingPage() {
title: "Project", items: [
{ label: "About Blue Forest", href: "#mission" },
{ label: "Why Kelp Matters", href: "#why-kelp" },
{ label: "Our Updates", href: "#updates" }
{ label: "Follow the Journey", href: "#follow-the-journey" }
]
},
{
@@ -230,4 +230,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}