<x-layouts::app :title="__('Page Not Found')" class="min-h-screen bg-slate-50">
    <div class="flex min-h-screen items-center justify-center px-4 py-12">
        <flux:card class="w-full max-w-2xl p-8">
            <div class="text-center space-y-6">
                <flux:heading size="2xl">{{ __('Page Not Found') }}</flux:heading>
                <flux:text variant="subtle">{{ __('Sorry, the page you requested could not be found.') }}</flux:text>
                <flux:link :href="url('/')" wire:navigate>
                    <flux:button variant="primary" class="px-6 py-3 text-sm">
                        {{ __('Go Home') }}
                    </flux:button>
                </flux:link>
            </div>
        </flux:card>
    </div>
</x-layouts::app>