@php
    $width = $data['width'] ?? 'normal';
    $link = filled($data['link_url'] ?? null) ? $href($data['link_url']) : null;
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div @class(['container-page' => $width !== 'full'])>
        @if(filled($data['image'] ?? null))
            <figure class="pb-figure pb-figure--{{ $width }}">
                @if($link)<a href="{{ $link }}" class="block">@endif
                <img src="{{ $url($data['image']) }}" alt="{{ $data['image_alt'] ?? '' }}" width="1200" height="675" class="pb-figure__img" @if($first) fetchpriority="high" @else loading="lazy" @endif decoding="async">
                @if($link)</a>@endif
                @if(filled($data['caption'] ?? null))
                    <figcaption class="home-figure-caption home-figure-caption--center">{{ $data['caption'] }}</figcaption>
                @endif
            </figure>
        @endif
    </div>
</section>