<x-layout>
    <div class="min-h-screen hero">
        <div class="text-center hero-content">
            <div class="">
                <p class="font-mono text-6xl font-semibold text-warning">419</p>
                <h1 class="mt-4 font-bold tracking-tight text-white">This page is definitely old</h1>
                <p class="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldn’t find the page you’re looking for.
                </p>
                <div class="flex items-center justify-center mt-10 gap-x-6">
                    <a href="/"
                        class="rounded-md bg-coollabs px-3.5 py-2.5  font-semibold text-white shadow-sm hover:bg-coollabs-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 hover:no-underline">Go
                        back home</a>
                    <a href="https://docs.coollabs.io/contact.html" class=" font-semibold text-white">Contact
                        support
                        <span aria-hidden="true">&rarr;</span></a>
                </div>
            </div>
        </div>
    </div>
</x-layout>
