Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_2 into main
2026-02-19 19:05:49 +00:00 · 2026-02-19 19:05:48 +00:00 · 2026-02-19 19:02:23 +00:00 · 2026-02-19 19:02:19 +00:00 · 2026-02-19 19:02:19 +00:00 · 2026-02-19 19:02:18 +00:00
5 changed files with 47 additions and 53 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -28,10 +28,9 @@ export default function BlogPage() {
                    <NavbarLayoutFloatingOverlay
                        brandName="Blue Forest Project"
                        navItems={[
-                            {"name":"Home","id":"/"},
                            {"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"}
                        ]}
@@ -67,7 +66,7 @@ export default function BlogPage() {
                                "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"}
                                ]
                            },
                            {
@@ -91,4 +90,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
@@ -194,7 +194,7 @@ export default function LandingPage() {
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
-          inputPlaceholder="Enter your email"
+          inputPlaceholder="Enter your email to join our mission"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your data helps us share updates and conservation efforts."
        />
@@ -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" }
              ]
            },
            {
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -85,10 +85,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                        <NavbarLayoutFloatingOverlay
                            brandName="Blue Forest Project"
                            navItems={[
-                                { name: "Home", id: "/" },
                                { 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" },
                                { name: "Shop", id: "/shop" }
@@ -106,7 +105,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                    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" }
                                    ]
                                },
                                {
@@ -151,10 +150,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                        <NavbarLayoutFloatingOverlay
                            brandName="Blue Forest Project"
                            navItems={[
-                                { name: "Home", id: "/" },
                                { 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" },
                                { name: "Shop", id: "/shop" }
@@ -180,7 +178,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                    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" }
                                    ]
                                },
                                {
@@ -224,10 +222,9 @@ export default function ProductPage({ params }: ProductPageProps) {
                    <NavbarLayoutFloatingOverlay
                        brandName="Blue Forest Project"
                        navItems={[
-                            { name: "Home", id: "/" },
                            { 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" },
                            { name: "Shop", id: "/shop" }
@@ -278,7 +275,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                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" }
                                ]
                            },
                            {
@@ -302,4 +299,4 @@ export default function ProductPage({ params }: ProductPageProps) {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -37,10 +37,9 @@ export default function ShopPage() {
                        <NavbarLayoutFloatingOverlay
                            brandName="Blue Forest Project"
                            navItems={[
-                                { name: "Home", id: "/" },
                                { 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" },
                                { name: "Shop", id: "/shop" }
@@ -58,7 +57,7 @@ export default function ShopPage() {
                                    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" }
                                    ]
                                },
                                {
@@ -102,10 +101,9 @@ export default function ShopPage() {
                    <NavbarLayoutFloatingOverlay
                        brandName="Blue Forest Project"
                        navItems={[
-                            { name: "Home", id: "/" },
                            { 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" },
                            { name: "Shop", id: "/shop" }
@@ -131,7 +129,7 @@ export default function ShopPage() {
                                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" }
                                ]
                            },
                            {
@@ -155,4 +153,4 @@ export default function ShopPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -5,18 +5,18 @@
  /* --background: #f5f5f5;;
  --card: #ffffff;;
  --foreground: #1c1c1c;;
-  --primary-cta: #159c49;;
+  --primary-cta: #0a7039;;
  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;; */
+  --accent: #15479c;;
+  --background-accent: #a8d9be;; */

  --background: #f5f5f5;;
  --card: #ffffff;;
  --foreground: #1c1c1c;;
-  --primary-cta: #159c49;;
+  --primary-cta: #0a7039;;
  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  --accent: #15479c;;
+  --background-accent: #a8d9be;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	5ad23a4986	Update src/app/page.tsx	2026-02-19 19:05:49 +00:00
bender	ac1bf4495e	Update src/app/layout.tsx	2026-02-19 19:05:48 +00:00
bender	f36ec3b548	Merge version_2 into main Merge version_2 into main	2026-02-19 19:02:23 +00:00
bender	d6416f65ba	Update src/app/styles/variables.css	2026-02-19 19:02:19 +00:00
bender	d2c4a178bb	Update src/app/shop/page.tsx	2026-02-19 19:02:19 +00:00
bender	7af0862a5a	Update src/app/shop/[id]/page.tsx	2026-02-19 19:02:18 +00:00
bender	0c8bc7b3b0	Update src/app/page.tsx	2026-02-19 19:02:17 +00:00
bender	477d4ca001	Update src/app/layout.tsx	2026-02-19 19:02:16 +00:00
bender	0f23f9307b	Update src/app/blog/page.tsx	2026-02-19 19:02:15 +00:00
bender	0b1503d0bd	Merge version_1 into main Merge version_1 into main	2026-02-19 18:55:13 +00:00