41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import { Network } from "lucide-react"
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="border-t bg-muted/30 py-12 px-4">
|
|
<div className="max-w-7xl mx-auto">
|
|
<div className="flex flex-col md:flex-row justify-between items-center gap-6">
|
|
<div className="flex items-center gap-2">
|
|
<div className="w-8 h-8 rounded-lg bg-primary/10 text-primary flex items-center justify-center">
|
|
<Network className="w-5 h-5" />
|
|
</div>
|
|
<span className="font-semibold text-lg">{"MycoFi"}</span>
|
|
</div>
|
|
|
|
<div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
|
|
<a href="#" className="hover:text-foreground transition-colors">
|
|
{"About"}
|
|
</a>
|
|
<a href="#" className="hover:text-foreground transition-colors">
|
|
{"Research"}
|
|
</a>
|
|
<a href="#" className="hover:text-foreground transition-colors">
|
|
{"Community"}
|
|
</a>
|
|
<a href="https://book.mycofi.earth" className="hover:text-foreground transition-colors">
|
|
{"Book"}
|
|
</a>
|
|
<a href="#" className="hover:text-foreground transition-colors">
|
|
{"Contact"}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-8 pt-8 border-t text-center text-sm text-muted-foreground">
|
|
<p>{"Exploring institutional neuroplasticity through myco-principic design"}</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|