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

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

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>
 

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.

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)" }}