import Link from "next/link";

import { OwlAlt } from "@/components/owl";

export default function NotFound() {

  return (

    <div className="mx-auto flex w-full max-w-register flex-col items-start px-4 py-24 sm:px-6">

      <OwlAlt size={140} className="mb-6" title="No record found" />

      <p className="label mb-3">No record</p>

      <h1 className="display text-4xl text-paper sm:text-5xl">404</h1>

      <p className="prose-lead mt-4 max-w-xl text-ash">

        No bill or page at this address. The register is the index of official actions.

      </p>

      <Link

        href="/register"

        className="focus-ring tap label mt-8 gap-1 text-paper underline-offset-4 hover:underline"

      >

        ← Back to the Register

      </Link>

    </div>

  );

}