import Link from 'next/link';
import Logo from '../components/Logo';

export default function NotFound() {
  return (
    <div className="flex items-center justify-center min-h-screen bg-primary">
      <div className="text-center p-6 bg-white rounded-md shadow-sm border border-gray-200">
        <Logo className="w-32 h-32 mx-auto mb-4" />
        <h2 className="font-headline text-2xl font-bold text-secondary mb-4">
          404 | Page non trouvée
        </h2>
        <p className="font-body text-gray-600 mb-4">
          La ressource que vous souhaitez consulter n&apos;existe pas ou plus.
        </p>
        <Link
          className="inline-flex items-center justify-center min-h-[44px] px-4 py-2 rounded font-label font-medium bg-primary hover:bg-secondary text-white transition-colors"
          href="/"
        >
          Retour Accueil
        </Link>
      </div>
    </div>
  );
}
