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-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'>404 | Page non trouvée</h2>
        <p className='text-emerald-900 mb-4'>La ressource que vous souhaitez consulter n&apos;existe pas ou plus.</p>
        <Link className="text-gray-900 hover:underline" href="/">Retour Accueil</Link>
      </div>
    </div>
  )
}