54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
/**
|
|
* SiteFooter — one slim row. Wordmark on the left, dedication on the
|
|
* right, About link in the middle. That's all.
|
|
*/
|
|
|
|
import Link from "next/link";
|
|
|
|
export function SiteFooter() {
|
|
return (
|
|
<footer className="mt-auto border-t border-border bg-secondary text-secondary-foreground">
|
|
<div className="max-w-5xl mx-auto px-4 sm:px-6 py-4 flex flex-col sm:flex-row items-center justify-between gap-2 text-xs text-muted-foreground">
|
|
<Link
|
|
href="/"
|
|
aria-label="Prabhupāda Says — home"
|
|
className="font-[family-name:var(--font-title)] font-semibold uppercase tracking-[0.12em] text-[0.7rem] text-foreground/80 hover:text-foreground transition-colors"
|
|
>
|
|
Prabhupāda Says
|
|
</Link>
|
|
<div className="flex flex-wrap items-center justify-center gap-x-3 gap-y-1">
|
|
<Link
|
|
href="/about"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
About
|
|
</Link>
|
|
<span aria-hidden>·</span>
|
|
<Link
|
|
href="/privacy"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
Privacy
|
|
</Link>
|
|
<span aria-hidden>·</span>
|
|
<Link
|
|
href="/terms"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
Terms
|
|
</Link>
|
|
<span aria-hidden>·</span>
|
|
<Link
|
|
href="/data-deletion"
|
|
className="hover:text-foreground transition-colors"
|
|
>
|
|
Data Deletion
|
|
</Link>
|
|
<span aria-hidden>·</span>
|
|
<span>All glories to Śrīla Prabhupāda</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|