<div class="o-home-intro">
    <div class="o-home-intro__main">
        <div class="o-home-intro__content" data-kal="slide-up">
            <div class="o-home-intro__slogan">
                @include('components.images.slogan')
            </div>
            <div class="o-home-intro__text  s-text">
                <p>{{__('site/home.hero.description')}}</p>

                @if(isset($links->calculation->route))
                    <div>
                        @include('components.button', [
                            'buttonText' => __('site/home.hero.buttonText'),
                            'buttonLink' => $links->calculation->route ?? '/'
                        ])
                    </div>
                @endif
            </div>
        </div>
        <div class="o-home-intro__side">
            <div class="o-home-intro__usp">
                <ul class="o-home-intro__list" data-kal="slide-up" style="--kal-delay: 200ms;">
                @foreach(__('site/home.hero.usp') as $calloutKey => $calloutText)
                    <li class="o-home-intro__item">
                        {{$calloutText}}
                    </li>
                @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>