import { Link } from 'react-router-dom'

export default function NotFound() {
  return (
    <div className="min-h-screen bg-white flex flex-col items-center justify-center px-6 text-center">

      <p className="text-8xl sm:text-9xl font-bold text-[#006B6B] leading-none">404</p>

      <h1 className="text-2xl sm:text-3xl font-bold italic font-serif text-gray-800 mt-4 mb-2">
        Page introuvable
      </h1>

      <p className="text-gray-400 text-sm sm:text-base max-w-xs mb-8">
        La page que vous recherchez n'existe pas ou a été déplacée.
      </p>

      <Link
        to="/accueil"
        className="bg-[#006B6B] hover:bg-[#005959] text-white font-medium px-8 py-3 rounded-lg transition-colors text-sm sm:text-base"
      >
        Retour à l'accueil
      </Link>

    </div>
  )
}