@php
    $section_content = (array) ($section_content ?? []);
    $cards = is_array($section_content['cards'] ?? null) ? $section_content['cards'] : [];
    $upload_base = asset((config('paths.upload', 'assets/uploads')) . '/service-landing');
@endphp

<section>
    <p class="font-23 bold dark-gray text-center pb-3 mt-lg-5 mt-4 pt-5">
        {{ $section_content['section_title'] ?? 'طراحی اپلیکیشن' }}
    </p>
    <div class="container">
        <div class="alvads-container row m-0 w-100">
            @foreach($cards as $card)
                <div class="col-lg-3 col-sm-6 col-12 p-2">
                    <div class="border-dark text-center main-radius p-3">
                        <img width="50" src="{{ !empty($card['image']) ? ($upload_base . '/' . $card['image']) : asset('assets/site/img/kore-1.svg') }}" alt="">
                        <span class="bold text-black font-18 d-flex justify-content-center my-3">
                    {{ $card['title'] ?? '' }}
                </span>
                        <p class="mb-0 font-14 light light-gray limit-3">{{ $card['description'] ?? '' }}
                        </p>
                        @if(!empty($card['button_text']) || !empty($card['button_link']))
                            <a class="first-page-btn-component align-items-center gap-1 text-white main-radius btn-mint-green d-flex justify-content-center w-100 mx-auto mt-3" href="{{ $card['button_link'] ?? '#' }}">
                                {{ $card['button_text'] ?? '' }}
                            </a>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>