import Link from "next/link";

export default function NotFound() {
    return (
        <div className="bg-pwa-primary text-text flex min-h-screen items-center justify-center">
            <div className="bg-pwa-primary mx-4 w-full max-w-md rounded-xl p-8 text-center">
                {/* آیکون خطا */}
                {/*<div className="mb-4 flex justify-center">*/}
                {/*    <svg*/}
                {/*        xmlns="http://www.w3.org/2000/svg"*/}
                {/*        className="h-16 w-16 text-core-red"*/}
                {/*        fill="none"*/}
                {/*        viewBox="0 0 24 24"*/}
                {/*        stroke="currentColor"*/}
                {/*    >*/}
                {/*        <path*/}
                {/*            strokeLinecap="round"*/}
                {/*            strokeLinejoin="round"*/}
                {/*            strokeWidth={2}*/}
                {/*            d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"*/}
                {/*        />*/}
                {/*    </svg>*/}
                {/*</div>*/}

                {/* متن خطا */}
                <h2 className="text-text mb-2 text-2xl font-bold">صفحه مورد نظر یافت نشد</h2>
                <p className="text-text mb-6 leading-relaxed">متاسفانه صفحه‌ای مورد نظر وجود ندارد.</p>

                {/* دکمه بازگشت با استفاده از کامپوننت Link */}
                <Link
                    href="/"
                    className="bg-neo-aqua hover:bg-neo-aqua/70 inline-block rounded-lg px-6 py-3 font-medium text-white shadow-md transition-colors duration-200 hover:shadow-lg"
                >
                    بازگشت به صفحه اصلی
                </Link>
            </div>
        </div>
    );
}