import Footer from '@/components/layout/footer';
import Header from '@/components/layout/header';
import Image from 'next/image';
import Link from 'next/link';
import React from 'react';

export default function Page() {
  return (
    <div className='d-flex flex-column min-vh-100'>
      <Header small />
      <div className="flex-grow-1 d-flex flex-column align-items-center justify-content-center">
        <Image src={'/404.png'} width={350} height={350} alt="404" />
        <p>
          La página que buscas no existe. Por favor, verifica la URL o regresa
          al <Link href="/">inicio</Link>
        </p>
      </div>
      <Footer />
    </div>
  );
}
