heicode-win/website/components/footer.tsx

import Link from "next/link";
import Image from "next/image";

const footerLinks = {
  产品: [
    { label: "Heicode Manager", href: "#" },
    { label: "Heicode 客户端", href: "#" },
    { label: "Agnet 控制面", href: "#" },
  ],
  资源: [
    { label: "文档", href: "#" },
    { label: "集成说明", href: "#" },
    { label: "更新日志", href: "#" },
    { label: "路线图", href: "#" },
  ],
  公司: [
    { label: "关于我们", href: "#" },
    { label: "博客", href: "#" },
    { label: "加入我们", href: "#" },
    { label: "联系方式", href: "#" },
  ],
  法律: [
    { label: "隐私政策", href: "#" },
    { label: "服务条款", href: "#" },
    { label: "安全", href: "#" },
  ],
};

export function Footer() {
  return (
    <footer className="border-t border-border bg-background">
      <div className="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
        <div className="grid gap-8 sm:grid-cols-2 lg:grid-cols-5">
          <div className="lg:col-span-1">
            <Link href="/" className="flex items-center gap-2">
              <div className="flex h-8 w-8 items-center justify-center rounded-md border border-border/70 bg-card/60 text-foreground">
                <Image src="/heicode-logo.svg" alt="Heicode" width={18} height={18} />
              </div>
              <span className="bg-gradient-to-r from-blue-400 via-violet-400 to-purple-500 bg-clip-text text-lg font-semibold tracking-tight text-transparent">
                Heicode
              </span>
            </Link>
            <p className="mt-4 text-sm leading-relaxed text-muted-foreground">
              团队软件交付智能体平台
              <br />
              让交付过程可追溯、可复述
            </p>
          </div>

          {Object.entries(footerLinks).map(([category, links]) => (
            <div key={category}>
              <h3 className="text-sm font-semibold">{category}</h3>
              <ul className="mt-4 space-y-3">
                {links.map((link) => (
                  <li key={link.label}>
                    <Link
                      href={link.href}
                      className="text-sm text-muted-foreground transition-colors hover:text-foreground"
                    >
                      {link.label}
                    </Link>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>

        <div className="mt-12 border-t border-border pt-8">
          <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
            <p className="text-sm text-muted-foreground">
              &copy; {new Date().getFullYear()} Heicode. 保留所有权利。
            </p>
          </div>
        </div>
      </div>
    </footer>
  );
}