import Link from "next/link";
import { NAV_LINKS, ENTRY_PATHS } from "~/lib/data";

export function SiteFooter() {
  return (
    <footer className="border-t border-neutral-200 bg-neutral-50">
      <div className="container mx-auto px-4 py-12 md:px-6">
        <div className="grid gap-8 md:grid-cols-4">
          <div className="md:col-span-2">
            <Link href="/" className="text-lg font-semibold text-neutral-900">
              Nomadro
            </Link>
            <p className="mt-2 max-w-sm text-sm text-neutral-600">
              中文数字游民操作系统。从城市、技能、工具到社群，一站开始你的自由生活与自由收入。
            </p>
          </div>
          <div>
            <h4 className="text-sm font-semibold text-neutral-900">
              核心入口
            </h4>
            <ul className="mt-3 space-y-2">
              {ENTRY_PATHS.map((path) => (
                <li key={path.id}>
                  <Link
                    href={path.href}
                    target="_blank"
                    rel="noopener noreferrer"
                    className="text-sm text-neutral-600 hover:text-neutral-900"
                  >
                    {path.title}
                  </Link>
                </li>
              ))}
            </ul>
          </div>
          <div>
            <h4 className="text-sm font-semibold text-neutral-900">
              关于
            </h4>
            <ul className="mt-3 space-y-2">
              <li>
                <Link
                  href="/about"
                  className="text-sm text-neutral-600 hover:text-neutral-900"
                >
                  关于我们
                </Link>
              </li>
              <li>
                <Link
                  href="/contact"
                  className="text-sm text-neutral-600 hover:text-neutral-900"
                >
                  联系我们
                </Link>
              </li>
              <li>
                <Link
                  href="https://meetup.hackrobot.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="text-sm text-neutral-600 hover:text-neutral-900"
                >
                  加入社群
                </Link>
              </li>
            </ul>
          </div>
        </div>
        <div className="mt-12 border-t border-neutral-200 pt-8">
          <p className="text-center text-xs text-neutral-500">
            © {new Date().getFullYear()} Nomadro. Digital Nomad OS · 数字游民操作系统
          </p>
        </div>
      </div>
    </footer>
  );
}