jeffemmett
/
mycofi-earth-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
This commit is contained in:
v0 2025-10-06 23:59:22 +00:00
parent bb5cf45156
commit 554ced5d09
4 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/globals.css
View File

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

2
components/content-section.tsx
View File

@ -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>

5
components/footer.tsx
View File

@ -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.

9
components/hero-section.tsx
View File

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