35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import Link from 'next/link';
|
||
import { Button } from '@/components/ui/button';
|
||
import { Home, MoveLeft } from 'lucide-react';
|
||
|
||
export default function Custom404() {
|
||
return (
|
||
<div className="min-h-screen flex flex-col items-center justify-center bg-gray-50 px-4 text-center">
|
||
<div className="space-y-6 max-w-md">
|
||
{/* Illustration placeholder or large text */}
|
||
<h1 className="text-9xl font-extrabold text-gray-200">404</h1>
|
||
|
||
<div className="space-y-2">
|
||
<h2 className="text-3xl font-bold text-gray-900">页面未找到</h2>
|
||
<p className="text-gray-500">
|
||
抱歉，您访问的页面不存在或已被移除。
|
||
</p>
|
||
</div>
|
||
|
||
<div className="flex items-center justify-center gap-4 pt-4">
|
||
<Button variant="outline" onClick={() => window.history.back()}>
|
||
<MoveLeft className="mr-2 h-4 w-4" />
|
||
返回上一页
|
||
</Button>
|
||
<Link href="/">
|
||
<Button>
|
||
<Home className="mr-2 h-4 w-4" />
|
||
回到首页
|
||
</Button>
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|