/**
 * 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 items-center gap-4">
          <Link
            href="/about"
            className="hover:text-foreground transition-colors"
          >
            About
          </Link>
          <span aria-hidden>·</span>
          <span>All glories to Śrīla Prabhupāda</span>
        </div>
      </div>
    </footer>
  );
}