import Link from "next/link";
import Marquee from "@/components/Marquee";

// CUSTOMIZATION HOOK: replace address / email placeholders & colophon below.
const links = [
  { href: "/", en: "Home" },
  { href: "/members", en: "Members" },
  { href: "/publications", en: "Publications" },
  { href: "/lectures", en: "Lectures" },
  { href: "/standardization", en: "Standardization" },
];

export default function Footer() {
  return (
    <footer className="mt-0 border-t border-line bg-paper text-ink lg:mt-8">
      {/* Marquee band — colophon ticker */}
      <Marquee
        items={[
          "AI AGENT NETWORKING",
          "A2A PROTOCOLS & ACP",
          "QUIC BASED INTERFACE MODULE",
          "MULTI-AGENT ORCHESTRATION",
        ]}
        reverse
        className="border-b border-line py-4 font-display text-lg tracking-wide text-ink/90"
      />

      <div className="container-content grid gap-12 py-16 lg:grid-cols-12">
        {/* Masthead title */}
        <div className="lg:col-span-5">
          <p className="kicker text-ink-mute">Colophon</p>
          <h3 className="font-display mt-3 text-2xl leading-snug text-ink">
            ANL
          </h3>
          <p className="font-display mt-1 text-xl italic text-ink-soft">
            AI Agent Networking Lab
          </p>
          <div className="mt-5 flex flex-wrap gap-x-4 gap-y-1 text-xs font-mono text-cobalt-dark">
            <a
              href="https://www.knu.ac.kr/"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:underline"
            >
              KNU ↗
            </a>
            <a
              href="https://cse.knu.ac.kr/"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:underline"
            >
              CSE ↗
            </a>
            <a
              href="https://it.knu.ac.kr/"
              target="_blank"
              rel="noopener noreferrer"
              className="hover:underline"
            >
              College of IT Engineering ↗
            </a>
          </div>
        </div>

        {/* Contact */}
        <div className="lg:col-span-4">
          <p className="kicker text-ink-mute">Contact</p>
          <address className="mt-3 not-italic text-sm leading-relaxed text-ink-soft">
            Prof. Seok-Joo Koh<br />
            Room 527, Bldg. 415 (IT-5), College of IT Engineering<br />
            Kyungpook National University<br />
            80 Daehak-ro, Buk-gu, Daegu 41566, Republic of Korea<br />
            <a
              href="mailto:sjkoh@knu.ac.kr"
              className="draw-underline mt-2 inline-block text-ink hover:text-vermillion-dark font-medium"
            >
              sjkoh@knu.ac.kr
            </a>
          </address>
        </div>

        {/* Index */}
        <div className="lg:col-span-3">
          <p className="kicker text-ink-mute">Index</p>
          <ul className="mt-3 space-y-2">
            {links.map((l, i) => (
              <li key={l.href} className="flex items-baseline gap-3">
                <span className="font-display text-xs text-ink-mute">
                  {String(i + 1).padStart(2, "0")}
                </span>
                <Link
                  href={l.href}
                  className="text-sm text-ink-soft transition hover:text-vermillion-dark"
                >
                  {l.en}
                </Link>
              </li>
            ))}
          </ul>
        </div>
      </div>

      <div className="border-t border-line">
        <div className="container-content flex flex-col gap-2 py-5 sm:flex-row sm:items-center sm:justify-between">
          <p className="text-xs text-ink-mute">
            © {new Date().getFullYear()} AI Agent Networking Lab (ANL) · School of Computer Science and Engineering, KNU. All rights reserved.
          </p>
          <p className="kicker text-ink-mute">Set in Fraunces · Noto Serif KR · Pretendard</p>
        </div>
      </div>
    </footer>
  );
}
