import Link from "next/link";
import { Button } from "@/components/ui/button";

export default function NotFound() {
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center px-4 text-center">
      <h1 className="text-6xl font-bold text-primary">404</h1>
      <p className="mt-4 text-xl">找不到此頁面</p>
      <p className="mt-2 text-muted-foreground">
        您要找的頁面可能已移除或網址有誤
      </p>
      <Button
        render={<Link href="/" />}
        nativeButton={false}
        className="mt-8 bg-primary text-primary-foreground"
      >
        返回首頁
      </Button>
    </div>
  );
}