compost-capitalism-website/components/mushroom-metaphor.tsx

64 lines
3.1 KiB
TypeScript
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { Card } from "@/components/ui/card"
export function MushroomMetaphor() {
return (
<section className="py-24 bg-[var(--color-section-light)]">
<div className="container mx-auto px-4">
<div className="max-w-4xl mx-auto space-y-12">
<div className="text-center space-y-4">
<h2 className="text-4xl md:text-5xl font-bold text-balance">The Mycelial Method</h2>
<p className="text-xl text-muted-foreground text-balance leading-relaxed">
Mushrooms don't destroy—they transform. They break down dead matter and return nutrients to the soil,
enabling new life to flourish.
</p>
</div>
<div className="grid md:grid-cols-3 gap-6">
<Card className="p-6 space-y-4 hover:shadow-lg transition-shadow">
<div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto">
<span className="text-3xl">🍄</span>
</div>
<h3 className="text-2xl font-bold">Decomposition</h3>
<p className="text-muted-foreground leading-relaxed">
Mushrooms excel at breaking down complex organic matter—even toxins. They don't fight the old, they
digest it.
</p>
</Card>
<Card className="p-6 space-y-4 hover:shadow-lg transition-shadow">
<div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto">
<span className="text-3xl">🕸</span>
</div>
<h3 className="text-2xl font-bold">Network Building</h3>
<p className="text-muted-foreground leading-relaxed">
Mycelial networks connect entire forests, sharing resources and information across vast distances
underground.
</p>
</Card>
<Card className="p-6 space-y-4 hover:shadow-lg transition-shadow">
<div className="w-16 h-16 rounded-full bg-primary/10 flex items-center justify-center mx-auto">
<span className="text-3xl">🌱</span>
</div>
<h3 className="text-2xl font-bold">Regeneration</h3>
<p className="text-muted-foreground leading-relaxed">
From decay comes fertility. Mushrooms create the conditions for new growth, transforming death into
life.
</p>
</Card>
</div>
<div className="bg-card p-8 rounded-lg border space-y-4">
<h3 className="text-2xl font-bold">The Metaphor Applied</h3>
<p className="text-lg text-muted-foreground leading-relaxed">
Just as mushrooms decompose fallen trees, we can decompose extractive capitalism breaking down
monopolies, dissolving concentrations of wealth, and transforming zombie institutions into nutrients for
regenerative economies. We don't need to burn it all down. We need to compost it.
</p>
</div>
</div>
</div>
</section>
)
}