import Image from "next/image";
import Link from "next/link";
import Header from "../components/Header";
import PageNotFoundImage from "../images/page-not-found.png";

export default function PageNotFound() {
  return (
    <>
      <Header title="Halaman Tidak Ditemukan - Indoteknik" />
      <main className="pb-8">
        <Image src={PageNotFoundImage} alt="Halaman Tidak Ditemukan - Indoteknik" className="w-full" />
        <p className="mt-3 h1 text-center">Halaman tidak ditemukan</p>
        <div className="mt-6 flex px-4 gap-x-3">
          <Link href="/" className="btn-yellow bg-transparent text-yellow-900 flex-1">
            Kembali ke beranda
          </Link>
          <a href="https://send.whatsapp.com" className="btn-yellow flex-1">
            Tanya admin
          </a>
        </div>
      </main>
    </>
  );
}