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>
    );
}
