<div class="c-hero__heading">
    <h1 class="c-hero__title  {{ $heroTitleClass ?? '' }} ">{{ !empty($heroHeadingTitle) ? $heroHeadingTitle : '' }}</h1>
    @if(!empty($heroHeadingSubTitle))
        <p class="c-hero__subtitle  {{ $heroSubtitleClass ?? '' }}">{!! nl2br($heroHeadingSubTitle) !!}</p>
    @endif

    @yield('hero-heading-content')

    @if(!empty($heroHeadingButtonLabel) && !empty($heroHeadingButtonLink))
        <div class="c-hero__action">
            @include('site.components.buttonLink', [
                'buttonLink' => $heroHeadingButtonLink,
                'buttonText' => $heroHeadingButtonLabel,
                'modifiers' => ['icon', 'rotate-90-icon']
            ])
        </div>
    @endif

</div>