<div class="min-h-screen flex flex-col justify-center items-center py-6 relative overflow-hidden">
    <!-- Background Image -->
    <div class="absolute inset-0 z-0">
        @livewire('welcome.login-landing-post', ['type' => 'SiteContents\Welcome\Landing' ?? null, 'random' => true, 'limit' => 1])
    </div>

    <!-- Login Modal Card -->
    <div class="mx-8  sm:max-w-md px-12 py-6 bg-theme-background dark:bg-theme-secondary backdrop-blur-sm shadow-2xl rounded-lg z-20 relative">
        <div class="flex justify-center mb-8">
            {{ $logo }}
        </div>
        {{ $slot }}
    </div>
</div>
