<div class="o-prefooter  @if(isset($menuLayout) && $menuLayout) o-prefooter--with-menu-bg @endif">
    <div class="o-prefooter__bg" data-kal="translate-right" style="--kal-duration: 2000ms"></div>
    <div class="o-prefooter__main">
        <div class="o-prefooter__visual" data-kal="slide-up">
            <img src="/img/team_prefooter.png" alt="team foto">
        </div>
        <div class="o-prefooter__chat" data-kal="slide-left">
            <h2>{{__('site/global.prefooter.chat.title')}}</h2>
            <div class="u-spacing-mt2">
                @include('components.button', [
                    'modifiers' => ['icon', 'reverse'],
                    'buttonText' => __('site/global.prefooter.chat.buttonText'),
                    'buttonLink' => 'tel:' . config('site.company.phone.call'),
                    'icon' => 'call',
                ])
            </div>
        </div>
        <div class="o-prefooter__social" data-kal="fade">
            <p class="u-spacing-mb1">{{__('site/global.prefooter.social.title')}}</p>
            @include('components.social')
        </div>
    </div>
</div>