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="/example"
                        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>
    );
}