import Link from 'next/link';
import { DISCLAIMER, FOOTER_NAV, CONTACT_EMAIL } from '@/lib/site';

export function SiteFooter() {
  return (
    <footer className="mt-16 border-t border-rule-strong bg-paper-2">
      <div className="mx-auto max-w-[1400px] px-4 py-8 sm:px-6">
        <div className="grid gap-6 md:grid-cols-[1.4fr_1fr]">
          <div>
            <p className="font-display text-lg">CancerIndex</p>
            <p className="mt-2 max-w-2xl text-[13px] leading-relaxed text-ink-2">{DISCLAIMER}</p>
            <p className="mt-2 max-w-2xl text-[12.5px] leading-relaxed text-ink-3">
              Every number links to its source and retrieval date. Derived metrics carry a formula version. AI-generated synthesis is not enabled in this phase; all content is database-grounded.
            </p>
          </div>
          <nav aria-label="Footer" className="grid grid-cols-2 gap-x-6 gap-y-1.5 text-[13px]">
            {FOOTER_NAV.map((n) => (
              <Link key={n.href} href={n.href} className="text-ink-2 no-underline hover:text-accent">
                {n.label}
              </Link>
            ))}
            <a href={`mailto:${CONTACT_EMAIL}`} className="text-ink-2 no-underline hover:text-accent">
              Report a correction
            </a>
            <Link href="/healthz" className="text-ink-2 no-underline hover:text-accent">
              Status
            </Link>
          </nav>
        </div>
        <p className="mt-6 text-[11.5px] text-ink-3">© {new Date().getUTCFullYear()} CancerIndex. Source data remains under the license of each provider — see /sources.</p>
      </div>
    </footer>
  );
}