Update src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user