<div class="o-intro">
    <div class="o-intro__header">
        @include('components.pageTitle', ['isInsideIntro' => true])
    </div>
    <div class="o-intro__body">

        <div class="o-intro__content">
            <div class="o-intro__text  s-text">

                @if(!empty($page->translation->hero_title))
                    <h2>{!! $page->translation->hero_title !!}</h2>
                @endif

                @if(!empty($page->translation->hero_description))
                    <p>{!! $page->translation->hero_description !!}</p>
                @endif

                @includeWhen(!empty($page->hero->buttons),'components.button', [
                   'modifiers' => ['icon'],
                   'buttonText' => $page->hero->buttons->translation->label ?? '',
                   'buttonLink' => $page->hero->buttons->translation->url ?? '',
               ])

            </div>
            <div class="o-intro__nav">
                @include('components.subnav', [
                    'menuName' => __('services.menuName'),
                    'models' => $services,
                    'modelTypeRoute' => $links->services->route,
                ])
            </div>
        </div>

    </div>
</div>