33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
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>
|
|
);
|
|
}
|