<section class="o-ctaPerson o-block">
    <div class="l-grid">
        <div class="l-bisection">
            <div class="l-bisection__item c-ctaPerson__left">
                <p>{!! $component->getValueFromAttribute('Text') !!}</p>
                <h2>{!! $component->getValueFromAttribute('Title') !!}</h2>
                <a href="{!! $component->getValueFromAttribute('linkAddress') !!}">
                    @include('site.components.button', ['buttonText' => $component->getValueFromAttribute('linkText'), 'modifiers' => ['icon']])
                </a>
            </div>
            <div class="l-bisection__item c-ctaPerson__right">
                <div class="c-ctaPerson__svgHolder">
                    @if($component->getValueFromAttribute('Image','getValueAsCollection')->count() > 0)
                        @include('svg.cta-person-mask', ['color'=> '#7AD3FF', 'img' => $component->getValueFromAttribute('Image','getValueAsCollection')[0]->medium_image_url, 'pathId' => 2])
                    @else
                        @include('svg.cta-person-mask', ['color'=> '#7AD3FF',  'vb_w' => 360, 'vb_h' => 373 , 'pathId' => 2])
                    @endif
                </div>

                <div class="c-ctaPerson__personalData">
                    <h4>{!! $component->getValueFromAttribute('name') !!}</h4>
                    <p>{!! $component->getValueFromAttribute('jobTitle') !!}</p>
                    @if(!empty($component->getValueFromAttribute('phone')))
                        <a href="tel:{{$component->getValueFromAttribute('phone')}}">
                            Bel {{$component->getValueFromAttribute('phone')}}
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>