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

export default function Custom500() {
  return (
    <div className="flex items-center justify-center min-h-screen bg-emerald-500">
      <div className="text-center p-6 ">
        <Logo className="w-32 h-32 mx-auto mb-4" />
        <h2 className="text-2xl font-bold text-emerald-900 mb-4">
          500 | Erreur interne
        </h2>
        <p className="text-emerald-900 mb-4">
          Une erreur interne est survenue.
        </p>
        <Link className="text-gray-900 hover:underline" href="/">
          Retour Accueil
        </Link>
      </div>
    </div>
  );
}
