'use client'

import { useRouter } from "next/navigation";

export default function NotFound() {
  const router = useRouter();

  const handleButton = () => {
    router.push("/Impresiones");
  };

  return (
    <section>
      <img
        src="/404-bg.png" // 👈 pon tu imagen en /public/404-bg.png
        alt="Página no encontrada"
      />

      <h1>404 - Página no encontrada</h1>

      <p>Lo sentimos, la página que buscas no existe.</p>
      <p>Por favor, verifica la URL o regresa a la página principal.</p>
      <button className="button buttonSearch" onClick={handleButton}>
        regresa al inicio
      </button>
    </section>
  );
}