@php
    $cards = $cards ?? collect();
@endphp
@if($cards->isNotEmpty())
<section class="home-promo-section" data-section="promo-cards">
    <div class="container">
        <div class="home-promo-grid">
            @foreach($cards as $card)
            @php
                $href = $card['button_link'] ?? route('frontend.products');
                if (! preg_match('#^https?://#i', $href)) {
                    $href = url($href);
                }
                $img = \App\Services\HomepagePromoCardsService::imageUrl($card['image'] ?? '');
                $bg = $card['bg_color'] ?? '#ffffff';
            @endphp
            <a href="{{ $href }}" class="home-promo-card" style="--promo-bg: {{ $bg }}; background: {{ $bg }};">
                <div class="home-promo-card__content">
                    <h3 class="home-promo-card__title">{{ $card['title'] }}</h3>
                    @if(!empty($card['subtitle']))
                    <p class="home-promo-card__subtitle">{{ $card['subtitle'] }}</p>
                    @endif
                    <span class="home-promo-card__btn">
                        {{ $card['button_text'] ?? 'Shop Now' }}
                        <i class="fas fa-arrow-right"></i>
                    </span>
                </div>
                @if($img)
                <div class="home-promo-card__media" aria-hidden="true">
                    <div class="home-promo-card__media-glow"></div>
                    <div class="home-promo-card__media-inner">
                        <img src="{{ $img }}" alt="" loading="lazy">
                    </div>
                </div>
                @endif
            </a>
            @endforeach
        </div>
    </div>
</section>
@endif