decolonize-time-website/components/footer.tsx

28 lines
1.2 KiB
TypeScript

import { Heart } from "lucide-react"
export function Footer() {
return (
<footer className="border-t border-border py-12 lg:py-16">
<div className="container px-4 lg:px-8">
<div className="max-w-4xl mx-auto text-center space-y-6">
<h3 className="font-serif text-2xl font-bold text-foreground">decolonizeti.me</h3>
<p className="text-muted-foreground leading-relaxed max-w-2xl mx-auto">
This website honors the indigenous peoples worldwide who have maintained sacred relationships with time,
land, and natural cycles through millennia of colonial oppression.
</p>
<div className="flex items-center justify-center gap-2 text-sm text-muted-foreground">
<span>Made with</span>
<Heart className="h-4 w-4 text-accent fill-accent" />
<span>in harmony with the rhythms of the Earth</span>
</div>
<div className="pt-6 border-t border-border">
<p className="text-xs text-muted-foreground">
{new Date().getFullYear()} Time is not linear, it is cyclical and sacred
</p>
</div>
</div>
</div>
</footer>
)
}