@php
    $section_content = (array) ($section_content ?? []);
    $upload_base = asset((config('paths.upload', 'assets/uploads')) . '/service-landing');
    $image_on_left = ($section_content['image_position'] ?? 'right') === 'left';
@endphp

<div class="py-5">
    <div class="zigzag container">
        <section class="item">
            <div class="image col-md-3 col-8 p-2 {{ $image_on_left ? 'order-md-1' : 'order-md-2' }}">
                <img class="w-100" src="{{ !empty($section_content['image']) ? ($upload_base . '/' . $section_content['image']) : asset('assets/site/img/mask-1.png') }}">
            </div>
            <div class="text col-md-9 col-12 p-2 ps-md-5 ps-2 {{ $image_on_left ? 'order-md-2' : 'order-md-1' }}">
            <span class="font-30 extra-bold dark-gray my-3 d-flex">
                {{ $section_content['title'] ?? 'طراحی سایت اختصاصی' }}
            </span>
                <p class="lh-lg Charcoal-gray light mb-3">
                    {{ $section_content['description'] ?? '' }}
                </p>
            </div>
        </section>
    </div>
</div>