@php $isCard = ($data['card_style'] ?? 'card') === 'card'; @endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        @include('builder.partials.head')

        <div @class(['pb-grid', 'pb-grid--'.($data['columns'] ?? '3'), 'mt-12' => filled($data['title'] ?? null)])>
            @foreach(($data['items'] ?? []) as $item)
                <div @class(['pb-column', 'home-card pb-column--card' => $isCard])>
                    @if(filled($item['image'] ?? null))
                        <img src="{{ $url($item['image']) }}" alt="{{ $item['image_alt'] ?? '' }}" class="pb-column__image" width="640" height="400" loading="lazy" decoding="async">
                    @endif
                    @if(filled($item['icon'] ?? null))
                        <span class="pb-icon-badge" aria-hidden="true">{{ $item['icon'] }}</span>
                    @endif
                    @if(filled($item['title'] ?? null))
                        <h3 class="home-card__title">{{ $item['title'] }}</h3>
                    @endif
                    @if(filled($item['text'] ?? null))
                        <div class="prose-premium pb-prose-sm mt-2">{!! $item['text'] !!}</div>
                    @endif
                    @if(filled($item['link_text'] ?? null) && filled($item['link_url'] ?? null))
                        <a href="{{ $href($item['link_url']) }}" class="home-card__action pb-column__link">{{ $item['link_text'] }} →</a>
                    @endif
                </div>
            @endforeach
        </div>
    </div>
</section>