import Link from "next/link";
import { ROUTES } from "@/config/routes";

export default function NotFound() {
    return (
        <div className="min-h-screen flex items-center justify-center bg-gray-50 dark:bg-gray-900">
            <div className="text-center">
                <h1 className="text-6xl font-bold text-red-500 mb-4">404</h1>
                    <h2 className="text-2xl font-semibold text-gray-800 dark:text-white mb-4">
                    Bài viết không tìm thấy
                    </h2>
                    <p className="text-gray-600 dark:text-gray-400 mb-8">
                    Không thể tìm thấy bài viết bạn yêu cầu. Có thể bài viết đã bị xóa hoặc URL không chính xác.
                    </p>
                <div className="space-x-4">
                    <Link
                        href={ROUTES.HOME}
                        className="inline-block bg-red-500 hover:bg-red-600 text-white font-semibold px-6 py-3 rounded-lg transition duration-300"
                    >
                        Về trang chủ
                    </Link>
                    <Link
                        href={ROUTES.BLOG}
                        className="inline-block bg-gray-500 hover:bg-gray-600 text-white font-semibold px-6 py-3 rounded-lg transition duration-300"
                    >
                        Xem tất cả bài viết
                    </Link>
                </div>
            </div>
        </div>
    );
} 