from casp.component_decorator import html
from casp.layout import Metadata


metadata = Metadata(
    title="Page Not Found",
    description="The page you are looking for does not exist.",
    extra={"robots": "noindex, nofollow"},
)


def page():
    return html(r"""
<main class="flex min-h-screen items-center justify-center bg-gray-50 px-4">
  <div class="text-center">
    <h1 class="text-9xl font-black text-gray-200">404</h1>

    <p class="text-2xl font-bold tracking-tight text-gray-900 sm:text-4xl">Uh-oh!</p>

    <p class="mt-4 text-gray-500">We can't find that page.</p>

    <a href="/"
       class="mt-6 inline-block rounded bg-indigo-600 px-5 py-3 text-sm font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring">
      Go Back Home
    </a>
  </div>
</main>
""")