import Link from "next/link";
import { SiteHeader } from "~/components/layout/site-header";
import { SiteFooter } from "~/components/layout/site-footer";

export default function ContactPage() {
  return (
    <div className="min-h-screen bg-white">
      <SiteHeader />
      <main className="container mx-auto px-4 py-16 md:px-6 md:py-24">
        <h1 className="text-3xl font-semibold text-neutral-900">联系我们</h1>
        <p className="mt-6 max-w-2xl text-neutral-600">
          加入数字游民社群，获取最新动态与交流机会。
        </p>
        <Link
          href="https://meetup.hackrobot.cn"
          target="_blank"
          rel="noopener noreferrer"
          className="mt-6 inline-block rounded-lg bg-neutral-900 px-6 py-3 text-white hover:bg-neutral-800"
        >
          加入社群
        </Link>
        <Link
          href="/"
          className="ml-4 mt-8 inline-block text-sm font-medium text-neutral-700 hover:text-neutral-900"
        >
          ← 返回首页
        </Link>
      </main>
      <SiteFooter />
    </div>
  );
}
