Update src/app/styles/variables.css

Merge version_1 into main

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>
     );
-}
+}

src/app/layout.tsx

@@ -1411,4 +1411,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

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"
@@ -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>
   );
-}
+}

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>
     );
-}
+}

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>
     );
-}
+}

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);