@props(['community' => null])

@php
$community = $community ?? config('navigation.community');
$art = asset('assets/images/cinematic/community/community_sphere.webp');
@endphp

<section class="community-card" aria-labelledby="community-card-title">
    <img class="community-card__art" src="{{ $art }}" alt="" width="140" height="140" loading="lazy">
    <div class="community-card__body">
        <h2 class="community-card__title" id="community-card-title">Join Our Community</h2>
        <p class="community-card__text">Connect with players, share highlights, and never miss a drop.</p>
        <a href="{{ $community['url'] ?? route('preview.community') }}" class="btn-arena btn-primary btn-sm" target="_blank" rel="noopener noreferrer">
            {{ $community['label'] ?? 'Join Now' }}
        </a>
    </div>
</section>
