From 554ced5d09ddbf3da9fd499a7e40dfb40553485f Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Mon, 6 Oct 2025 23:59:22 +0000
Subject: [PATCH] feat: relocate tagline to footer

Remove hero badge and add to footer as tagline.

#VERCEL_SKIP

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
---
 app/globals.css                | 14 +++++++-------
 components/content-section.tsx |  2 +-
 components/footer.tsx          |  5 +++++
 components/hero-section.tsx    |  9 ++-------
 4 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index a69d71a..484be56 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -6,11 +6,11 @@
 :root {
   /* Updated to vibrant green color palette inspired by mycelial networks, forest growth, and living ecosystems */
   --background: oklch(0.98 0.01 145);
-  --foreground: oklch(0.2 0.03 155);
+  --foreground: oklch(0.15 0.04 155);
   --card: oklch(0.99 0.005 145);
-  --card-foreground: oklch(0.2 0.03 155);
+  --card-foreground: oklch(0.15 0.04 155);
   --popover: oklch(0.99 0.005 145);
-  --popover-foreground: oklch(0.2 0.03 155);
+  --popover-foreground: oklch(0.15 0.04 155);
   /* Primary: Vibrant emerald green (living mycelium) */
   --primary: oklch(0.55 0.18 155);
   --primary-foreground: oklch(0.99 0.005 145);
@@ -18,10 +18,10 @@
   --secondary: oklch(0.45 0.12 145);
   --secondary-foreground: oklch(0.99 0.005 145);
   --muted: oklch(0.92 0.02 145);
-  --muted-foreground: oklch(0.5 0.03 155);
+  --muted-foreground: oklch(0.35 0.04 155);
   /* Accent: Bright lime green (new growth) */
   --accent: oklch(0.72 0.2 135);
-  --accent-foreground: oklch(0.2 0.03 155);
+  --accent-foreground: oklch(0.15 0.04 155);
   --destructive: oklch(0.577 0.245 27.325);
   --destructive-foreground: oklch(0.99 0.005 145);
   --border: oklch(0.85 0.03 145);
@@ -34,11 +34,11 @@
   --chart-5: oklch(0.6 0.14 140);
   --radius: 0.625rem;
   --sidebar: oklch(0.98 0.01 145);
-  --sidebar-foreground: oklch(0.2 0.03 155);
+  --sidebar-foreground: oklch(0.15 0.04 155);
   --sidebar-primary: oklch(0.55 0.18 155);
   --sidebar-primary-foreground: oklch(0.99 0.005 145);
   --sidebar-accent: oklch(0.92 0.02 145);
-  --sidebar-accent-foreground: oklch(0.2 0.03 155);
+  --sidebar-accent-foreground: oklch(0.15 0.04 155);
   --sidebar-border: oklch(0.85 0.03 145);
   --sidebar-ring: oklch(0.55 0.18 155);
 }
diff --git a/components/content-section.tsx b/components/content-section.tsx
index a02e04f..dabbe05 100644
--- a/components/content-section.tsx
+++ b/components/content-section.tsx
@@ -4,7 +4,7 @@ import Image from "next/image"
 export function ContentSection() {
   return (
     <section className="py-20 bg-muted/30 relative overflow-hidden">
-      <div className="absolute inset-0 opacity-[0.03] pointer-events-none">
+      <div className="absolute inset-0 opacity-[0.08] pointer-events-none">
         <Image src="/images/mycelial-network-blue.png" alt="" fill className="object-cover" />
       </div>
 
diff --git a/components/footer.tsx b/components/footer.tsx
index 7a945dd..35f9b49 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -1,4 +1,5 @@
 import Link from "next/link"
+import { Sprout } from "lucide-react"
 
 export function Footer() {
   return (
@@ -9,6 +10,10 @@ export function Footer() {
             <div className="text-2xl font-bold mb-3 text-primary" style={{ fontFamily: "var(--font-crimson)" }}>
               MycoFi
             </div>
+            <div className="mb-4 inline-flex items-center gap-2 rounded-full bg-muted px-4 py-2 text-sm text-muted-foreground">
+              <Sprout className="h-4 w-4 text-secondary" />
+              <span>Regenerative Economics for a Living Future</span>
+            </div>
             <p className="text-sm text-muted-foreground max-w-md leading-relaxed">
               Exploring regenerative economic systems inspired by mycelial networks and nature's resource allocation
               algorithms.
diff --git a/components/hero-section.tsx b/components/hero-section.tsx
index 4bd96ac..9d3d443 100644
--- a/components/hero-section.tsx
+++ b/components/hero-section.tsx
@@ -6,21 +6,16 @@ import Image from "next/image"
 export function HeroSection() {
   return (
     <section className="relative overflow-hidden py-20 md:py-32">
-      <div className="absolute inset-0 -z-10 opacity-[0.08]">
+      <div className="absolute inset-0 -z-10 opacity-15">
         <Image src="/images/mushroom-forest.png" alt="" fill className="object-cover" />
       </div>
-      <div className="absolute inset-0 -z-10 opacity-30">
+      <div className="absolute inset-0 -z-10 opacity-40">
         <div className="absolute top-20 left-10 w-72 h-72 bg-primary/20 rounded-full blur-3xl" />
         <div className="absolute bottom-20 right-10 w-96 h-96 bg-secondary/20 rounded-full blur-3xl" />
       </div>
 
       <div className="container">
         <div className="mx-auto max-w-4xl text-center">
-          <div className="mb-6 inline-flex items-center gap-2 rounded-full bg-muted px-4 py-2 text-sm text-muted-foreground">
-            <Sprout className="h-4 w-4 text-secondary" />
-            <span>Regenerative Economics for a Living Future</span>
-          </div>
-
           <h1
             className="mb-6 text-5xl md:text-7xl font-bold tracking-tight text-balance"
             style={{ fontFamily: "var(--font-crimson)" }}