import Link from "next/link";
import { BrandMark } from "@/components/brand-mark";

export function SiteFooter() {
  return (
    <footer className="border-t border-line bg-ink">
      <div className="container-shell grid gap-10 py-12 md:grid-cols-[1.3fr_1fr_1fr] md:py-16">
        <div>
          <BrandMark />
          <p className="mt-5 max-w-xs text-sm leading-7 text-muted">连接技术与日常。</p>
        </div>
        <div>
          <p className="text-xs font-semibold uppercase tracking-[0.2em] text-subtle">探索</p>
          <div className="mt-4 flex flex-col gap-3 text-sm text-muted">
            <Link className="hover:text-copy" href="/products">产品中心</Link>
            <Link className="hover:text-copy" href="/#technology">技术能力</Link>
            <Link className="hover:text-copy" href="/tts">AI Lab / TTS</Link>
          </div>
        </div>
        <div>
          <p className="text-xs font-semibold uppercase tracking-[0.2em] text-subtle">联系</p>
          <p className="mt-4 text-sm leading-7 text-muted">正式联系方式待确认。此处不会展示未经核实的电话或邮箱。</p>
          <Link className="mt-4 inline-flex text-sm text-cyan hover:text-copy" href="/contact">查看联系页 <span className="ml-2">→</span></Link>
        </div>
      </div>
      <div className="container-shell flex flex-col gap-3 border-t border-line py-5 text-xs text-subtle sm:flex-row sm:items-center sm:justify-between">
        <span>© 2026 Shenzhen Kaotings Technology Co., Ltd.</span>
        <span>Phase 1 development preview</span>
      </div>
    </footer>
  );
}