65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
export function Footer() {
|
|
return (
|
|
<footer className="py-12 bg-muted/50 border-t">
|
|
<div className="container mx-auto px-4">
|
|
<div className="max-w-4xl mx-auto space-y-8">
|
|
<div className="text-center space-y-4">
|
|
<h3 className="text-2xl font-bold">
|
|
Composting Capitalism
|
|
</h3>
|
|
<p className="text-sm font-mono text-muted-foreground/80 -mt-2">
|
|
building <span className="text-foreground font-semibold">(com)post</span>-capitalism
|
|
</p>
|
|
<p className="text-muted-foreground leading-relaxed max-w-2xl mx-auto">
|
|
A project exploring how we can transform extractive systems into regenerative ones— one mycelial
|
|
connection at a time.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center text-sm text-muted-foreground">
|
|
<a
|
|
href="https://mycofi.earth"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
MycoFi.earth
|
|
</a>
|
|
<span className="hidden sm:inline">•</span>
|
|
<a
|
|
href="https://post-appitalism.app"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
Post-Appitalism.app
|
|
</a>
|
|
<span className="hidden sm:inline">•</span>
|
|
<a
|
|
href="https://psilo-cyber.net/ics"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
Psilo-Cybernetics
|
|
</a>
|
|
<span className="hidden sm:inline">•</span>
|
|
<a
|
|
href="https://nofi.lol"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
NoFi.lol
|
|
</a>
|
|
</div>
|
|
|
|
<div className="text-center text-sm text-muted-foreground">
|
|
<p>🍄 Cultivating regenerative futures 🍄</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|