import Link from 'next/link';

export default function NotFound() {
  return (
    <div className="max-w-2xl mx-auto px-4 py-24 text-center">
      <div className="text-7xl mb-6">🔍</div>
      <h1
        className="text-4xl font-bold text-gray-900 mb-4"
        style={{ fontFamily: 'var(--font-heading)' }}
      >
        Página no encontrada
      </h1>
      <p className="text-lg text-gray-600 mb-8">
        Lo sentimos, la página que buscas no existe o ha sido movida.
      </p>
      <div className="flex flex-col sm:flex-row gap-4 justify-center">
        <Link
          href="/"
          className="px-6 py-3 bg-[#70ad47] hover:bg-[#5a9040] text-white font-semibold rounded-xl transition-colors"
        >
          Volver al inicio
        </Link>
        <Link
          href="/products"
          className="px-6 py-3 border border-gray-300 hover:border-[#70ad47] text-gray-700 font-semibold rounded-xl transition-colors"
        >
          Ver productos
        </Link>
      </div>
    </div>
  );
}