36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
import Link from "next/link";
|
||
import { Home, Search } from "lucide-react";
|
||
|
||
export default function NotFound() {
|
||
return (
|
||
<div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center">
|
||
<div className="text-center">
|
||
<div className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</div>
|
||
<h1 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
|
||
页面未找到
|
||
</h1>
|
||
<p className="text-gray-600 dark:text-gray-400 mb-8 max-w-md">
|
||
抱歉，您访问的页面不存在或已被移除。
|
||
</p>
|
||
|
||
<div className="flex gap-4 justify-center">
|
||
<Link
|
||
href="/"
|
||
className="flex items-center gap-2 px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
|
||
>
|
||
<Home className="w-4 h-4" />
|
||
返回首页
|
||
</Link>
|
||
|
||
<Link
|
||
href="/search"
|
||
className="flex items-center gap-2 px-6 py-3 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"
|
||
>
|
||
<Search className="w-4 h-4" />
|
||
搜索页面
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|