import Link from "next/link";
import Logo from "./Logo";

const FOOTER_LINKS = [
  { label: "活动规则", href: "/rules" },
  { label: "隐私协议", href: "/privacy" },
  { label: "用户协议", href: "/terms" },
  { label: "联系客服", href: "/support" },
] as const;

export default function Footer() {
  return (
    <footer className="border-t border-white/[0.06] bg-[rgba(8,5,26,0.6)] backdrop-blur-sm mt-20">
      <div className="max-w-7xl mx-auto px-6 sm:px-8 py-10 grid gap-8 md:grid-cols-3 items-start">
        {/* Brand */}
        <div>
          <Logo size="sm" href={null} />
          <p className="mt-3 text-xs text-white/45 leading-relaxed">
            虚拟偶像 Top12 出道企划
            <br />
            Cyber Star · Virtual Idol Debut Project
          </p>
        </div>

        {/* Links */}
        <nav className="md:col-span-1">
          <p className="font-label text-[10px] tracking-[0.3em] uppercase text-purple-300 mb-3">
            Information
          </p>
          <ul className="space-y-2 text-sm">
            {FOOTER_LINKS.map((link) => (
              <li key={link.href}>
                <Link
                  href={link.href}
                  className="text-white/55 hover:text-purple-300 transition-colors"
                >
                  {link.label}
                </Link>
              </li>
            ))}
          </ul>
        </nav>

        {/* Caption */}
        <div className="text-xs text-white/40 md:text-right">
          <p className="font-label tracking-[0.25em] uppercase text-purple-300/70 mb-2">
            © 2026 Cyber Star
          </p>
          <p>All rights reserved.</p>
          <p className="mt-1 font-mono text-white/30">
            airlabs.art · powered by Next.js
          </p>
        </div>
      </div>
    </footer>
  );
}