// 404 Not Found page

use leptos::prelude::*;
use leptos_router::components::A;

use crate::components::NavBar;

/// 404 Not Found page
#[component]
pub fn NotFoundPage() -> impl IntoView {
    view! {
        <div class="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
            <NavBar />

            <div class="container mx-auto px-6 py-8">
                <div class="flex flex-col items-center justify-center min-h-[60vh]">
                    <div class="text-9xl font-bold text-cyan-400 mb-4">"404"</div>
                    <h1 class="text-3xl font-bold text-white mb-4">"Page Not Found"</h1>
                    <p class="text-gray-400 mb-8 text-center max-w-md">
                        "The page you're looking for doesn't exist or has been moved."
                    </p>
                    <A
                        href="/"
                        attr:class="px-6 py-3 rounded-lg bg-gradient-to-r from-cyan-500/90 to-cyan-600/90 text-white font-medium hover:from-cyan-400 hover:to-cyan-500 transition-all hover:shadow-lg hover:shadow-cyan-500/50"
                    >
                        "Back to Home"
                    </A>
                </div>
            </div>
        </div>
    }
}
