import Link from 'next/link';

export default function NotFound() {
    return (
        <div className="min-h-[60vh] flex flex-col items-center justify-center px-6 text-center animate-fade-in">
            <h1 className="text-6xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 mb-4">404</h1>
            <p className="text-lg text-zinc-500 dark:text-zinc-400 mb-8">
                This page doesn&apos;t exist.
            </p>
            <Link
                href="/"
                className="text-sm font-medium text-zinc-900 dark:text-zinc-100 underline decoration-zinc-300 dark:decoration-zinc-700 underline-offset-4 hover:decoration-zinc-900 dark:hover:decoration-zinc-100 transition-all"
            >
                &larr; Back to home
            </Link>
        </div>
    );
}
