<template>
    <div class="min-h-screen bg-slate-900 text-white">
        <Head title="Page not found" />
        <div class="flex min-h-screen items-center justify-center px-6">
            <div class="text-center">
                <p class="text-sm uppercase tracking-[0.3em] text-slate-400">
                    404 error
                </p>
                <h1 class="mt-4 text-4xl font-semibold">
                    Page not found
                </h1>
                <p class="mt-3 text-sm text-slate-400">
                    The page you are looking for does not exist or has been
                    moved.
                </p>
                <a
                    href="/dashboard"
                    class="mt-8 inline-flex rounded-lg bg-white px-5 py-2 text-sm font-semibold text-slate-900"
                >
                    Back to dashboard
                </a>
            </div>
        </div>
    </div>
</template>

<script setup>
import { Head } from '@inertiajs/vue3';
</script>
