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

<section>
    <div class="container">
        <div class="px-2 pt-5">
            <div class="row mx-0 mt-5 w-100 align-items-center">
                <div class="col-lg-8 col-12 p-3">
                    <p class="font-23 bold dark-gray text-start">
                        {{ $section_content['title'] ?? 'الوادز برای کار های تکراری پول نمیگیرد' }}
                    </p>
                    <p class="mb-0 mt-2 font-14 light light-gray">
                        {{ $section_content['description'] ?? 'با ویژگی تحلیل لحظه‌ای الوادز، بینش‌های عملیاتی برای کسب‌وکارتان به دست آورید فرآیندهای مالی خود را با گردش کارهای خودکار و گزارش‌های دقیق ساده کنید داده‌های حساس خود با جدیدترین استانداردهای امنیتی سطح بالای ما محافظت کنید' }}
                    </p>
                    <div class="d-flex gap-3 mt-3 flex-wrap">
                        @foreach($buttons as $button)
                            <a href="{{ $button['link'] ?? '#' }}" class="px-3 py-2 rounded-pill border-dark border-black font-12 semi text-decoration-none text-black">
                                {{ $button['text'] ?? '' }}
                            </a>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-4 d-lg-block d-none col-12 p-lg-3 p-0">
                    <img class="w-100" src="{{ !empty($section_content['image']) ? ($upload_base . '/' . $section_content['image']) : asset('assets/site/img/growth-seo.png') }}" alt="">
                </div>
            </div>
        </div>
    </div>
</section>