import Link from "next/link";
import { t } from "@/lib/i18n";

export function SiteFooter() {
  return (
    <footer className="mt-20 border-t hairline">
      <div className="container-x grid gap-8 py-12 md:grid-cols-4">
        <div className="md:col-span-2">
          <p className="serif text-lg font-semibold">AutoScholar.ai</p>
          <p className="muted mt-1 max-w-md text-sm">
            Autonomous Research Foundry. From research instructions to verifiable working papers.
          </p>
          <p className="mt-4 text-sm">
            <span className="eyebrow">Powered by MacLustr</span>
            <br />
            <span className="muted">{t("footer.credit")}</span>
          </p>
        </div>
        <div>
          <p className="label mb-2">Library</p>
          <ul className="space-y-1 text-sm">
            <li>
              <Link href="/research">Working papers</Link>
            </li>
            <li>
              <Link href="/topics">Topics</Link>
            </li>
            <li>
              <Link href="/series">Series</Link>
            </li>
            <li>
              <Link href="/feed.xml">RSS feed</Link> · <Link href="/feed.atom">Atom</Link>
            </li>
          </ul>
        </div>
        <div>
          <p className="label mb-2">Organisation</p>
          <ul className="space-y-1 text-sm">
            <li>
              <Link href="/about">About</Link>
            </li>
            <li>
              <Link href="/methodology">Methodology</Link>
            </li>
            <li>
              <Link href="/infrastructure">Infrastructure</Link>
            </li>
            <li>
              <Link href="/transparency">Transparency</Link>
            </li>
            <li>
              <Link href="/legal/privacy">Privacy</Link> · <Link href="/legal/terms">Terms</Link> ·{" "}
              <Link href="/legal/research-disclaimer">Research disclaimer</Link>
            </li>
          </ul>
        </div>
      </div>
      <div className="border-t hairline">
        <div className="container-x subtle flex flex-col gap-1 py-4 text-xs sm:flex-row sm:justify-between">
          <span>{t("footer.disclaimer")}</span>
          <span>© {new Date().getFullYear()} AutoScholar.ai</span>
        </div>
      </div>
    </footer>
  );
}