@extends('partials.components.section', ['header' => false, 'ctaAfter' => false, 'sectionClass' => 'z-100 ' . ($index == 1 && is_front_page() ? 'md:!-mt-40' : '!mt-0')])

@section('section')
    <div class="{{ $grid }} relative z-10 row-span-full !gap-y-0">
        <div
            class="text-body z-10 col-span-12 row-span-full justify-center rounded-tr-lg bg-white p-5 shadow md:col-span-7 md:col-start-1 md:mb-16 md:rounded-bl-lg lg:col-span-6 lg:col-start-1 lg:p-8">
            @if ((!empty($section['section_fields_title']) ?? false) || (!empty($section['section_fields_introduction']) ?? false))
                @include('partials.components.section-header')
            @endif
            @if (($section['section_fields_buttons'] ?? false) && ($ctaAfter ?? true))
                @include('partials.components.ctas', [
                    'ctas' => $section['section_fields_buttons'],
                ])
            @endif
        </div>
        <div class="relative z-0 col-span-12 md:col-span-7 md:col-start-6 md:row-span-full md:mt-16">
            @if ($section['section_fields_image'] ?? false)
                {!! ResponsivePics::get_image(
                    $section['section_fields_image'],
                    'xs:600, md:1024',
                    0,
                    'h-full w-full md:absolute rounded-bl-xl max-md:max-h-48 md:rounded-tr-xl object-cover',
                    false,
                    true,
                ) !!}
            @endif
        </div>
    </div>
@overwrite