@php $imageLeft = ($data['image_position'] ?? 'right') === 'left'; @endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div class="home-split home-split--equal home-split--center">
            <div @class(['about-promise-panel', 'lg:order-2' => $imageLeft])>
                @include('builder.partials.head', ['centered' => false])
                <ul class="home-checklist mt-8">
                    @foreach(($data['items'] ?? []) as $item)
                        <li>{{ $item['text'] ?? '' }}</li>
                    @endforeach
                </ul>
                @if(filled($data['button_text'] ?? null))
                    <x-ui.button :href="$href($data['button_url'] ?? null, $ctx->bookUrl())" class="home-btn mt-8">{{ $data['button_text'] }}</x-ui.button>
                @endif
            </div>

            @if(filled($data['image'] ?? null))
                <figure class="home-figure">
                    <img src="{{ $url($data['image']) }}" alt="{{ $data['image_alt'] ?? '' }}" width="720" height="480" class="home-editorial-photo" loading="lazy" decoding="async">
                    @if(filled($data['caption'] ?? null))
                        <figcaption class="home-figure-caption">{{ $data['caption'] }}</figcaption>
                    @endif
                </figure>
            @endif
        </div>
    </div>
</section>