@php
    $data = $section['data'] ?? [];
    $image = $section['settings']['image'] ?? null;
@endphp
<section class="v-section">
    <div class="v-container v-about{{ $image ? ' v-about--with-image' : '' }}">
        <div class="v-about__text">
            <h2 class="v-section__title">{{ $data['title'] ?? 'Hakkımızda' }}</h2>
            @php $aboutBody = $data['body'] ?? $agency->description; @endphp
            <div class="v-about__body">{!! str_contains((string) $aboutBody, '<') ? $aboutBody : nl2br(e($aboutBody)) !!}</div>
            @if(!empty($data['items']) && is_array($data['items']))
                <ul class="v-about__list">
                    @foreach($data['items'] as $item)
                        <li><x-voyage.icon name="check-circle" /> {{ $item }}</li>
                    @endforeach
                </ul>
            @endif
        </div>
        @if($image)
            <div class="v-about__media">
                <img src="{{ asset('storage/' . ltrim($image, '/')) }}" alt="{{ $data['title'] ?? 'Hakkımızda' }}" loading="lazy">
            </div>
        @endif
    </div>
</section>