feat(ADM-018): completed feature
This commit is contained in:
32
project/frontend/src/app/not-found.tsx
Normal file
32
project/frontend/src/app/not-found.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user