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

export default function PageNotFound() {
  return (
    <>
      <Header title="Halaman Tidak Ditemukan - Indoteknik" />
      <Layout>
        <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-light text-gray_r-12 flex-1">
              Kembali ke beranda
            </Link>
            <a href="https://send.whatsapp.com" className="btn-yellow text-gray_r-12 flex-1 h-fit">
              Tanya admin
            </a>
          </div>
        </main>
      </Layout>
    </>
  );
}