@php
    $uploadHref = !empty($isLoggedIn) ? '/upload' : '/login?redirect=/upload';
@endphp

<section class="mt-14 px-4 sm:px-6 lg:px-8">
    <div class="relative overflow-hidden rounded-2xl bg-gradient-to-br from-accent/20 via-nova-800 to-nova-900 px-8 py-12 text-center ring-1 ring-white/5">
        <div class="pointer-events-none absolute -right-12 -top-12 h-40 w-40 rounded-full bg-accent/10 blur-3xl"></div>
        <div class="pointer-events-none absolute -bottom-10 -left-10 h-32 w-32 rounded-full bg-sky-500/10 blur-2xl"></div>

        <div class="relative z-10">
            <p class="text-xs font-semibold uppercase tracking-widest text-accent">Join the community</p>
            <h2 class="mt-2 text-2xl font-bold text-white sm:text-3xl">Ready to share your creativity?</h2>
            <p class="mx-auto mt-3 max-w-md text-sm text-nova-300">
                Upload your artworks, wallpapers, and skins to reach thousands of enthusiasts around the world.
            </p>
            <div class="mt-6 flex flex-wrap justify-center gap-3">
                <a href="{{ $uploadHref }}" class="btn-accent-solid rounded-xl px-6 py-2.5 text-sm font-semibold">
                    Upload your artwork
                </a>
                @if (empty($isLoggedIn))
                    <a href="/register" class="rounded-xl border border-white/10 bg-nova-700 px-6 py-2.5 text-sm font-semibold text-white transition hover:bg-nova-600">
                        Create account
                    </a>
                @endif
            </div>
        </div>
    </div>
</section>