@include('includes.header')
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br/><br/>
<div class="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
    <div class="flex w-full max-w-sm flex-col gap-2">
        <a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
            <!-- <span class="flex h-9 w-9 mb-1 items-center justify-center rounded-md">
                        <x-app-logo-icon class="size-9 fill-current text-black dark:text-white" />
                    </span> -->
            <span class="sr-only">{{ config('app.name', 'Bright Eagles') }}</span>
        </a>
        <div class="flex flex-col gap-6 mt-5">
            {{ $slot }}
        </div>
    </div>
</div>

<br/><br/><br/><br/><br/>
@fluxScripts

@include('includes.footer')