@extends('layouts.base')
<div class="min-h-screen hero">
    <div class="text-center hero-content">
        <div class="">
            <p class="font-mono text-6xl font-semibold text-warning">404</p>
            <h1 class="mt-4 font-bold tracking-tight text-white">How did you got here?</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="/">
                    <x-forms.button>Go back home</x-forms.button>
                </a>
                <a target="_blank" class="text-xs" href="https://docs.coollabs.io/contact.html">Contact
                    support
                    <x-external-link />
                </a>
            </div>
        </div>
    </div>
</div>
