import Link from "next/link";
import { PrimaryButton } from "@/components/ui/primary-button";

export default function NotFound() {
  return (
    <div className="flex min-h-[100dvh] flex-col items-center justify-center bg-bg px-4 text-center">
      <p className="text-6xl font-semibold text-text-disabled">404</p>
      <h1 className="mt-4 text-xl font-semibold text-text-primary">页面不存在</h1>
      <p className="mt-2 text-sm text-text-secondary">
        您访问的地址不存在或已被移除。
      </p>
      <Link href="/" className="mt-6">
        <PrimaryButton type="button">返回首页</PrimaryButton>
      </Link>
    </div>
  );
}