<div class="o-cta-frederic">
    <div class="c-cta-frederic">
        <div class="c-cta-frederic--left">
            <h2 class="on-light">@lang('site/cta.curious')</h2>
            @include('site.components.button', ['buttonLink' => $links->advice->route, 'isButton' => false, 'modifiers' => ['icon', 'ghost'], 'buttonText' => __('site/cta.action')])
        </div>
        <div class="c-cta-frederic--right">
            <div class="frederic">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 258 258">
                    <defs>
                        <clipPath id="a" transform="translate(17.696)">
                            <polygon points="37.8 0 0 214.7 43.2 258 155.2 258 198.5 214.7 215.7 117.2 190.6 92 209.3 73.3 217 29.4 217 29.4 187.7 0 37.8 0" fill="none" clip-rule="evenodd"/>
                        </clipPath>
                    </defs>
                    <polygon points="55.496 0 17.696 214.7 60.896 258 172.896 258 216.196 214.7 233.396 117.2 208.296 92 226.996 73.3 234.696 29.4 234.696 29.4 205.396 0 55.496 0" fill="#f2f8fa" fill-rule="evenodd"/>
                    <g clip-path="url(#a)">
                        <image width="340" height="340" transform="scale(0.759)" xlink:href="{{ $ctaPerson->images->first()->original_image_url }}" style="isolation:isolate"/>
                    </g>
                </svg>
            </div>
            <div class="job-title">
                <h2 class="on-light">{{ $ctaPerson->name }}</h2>
                <h4>{{ $ctaPerson->translation->function }}</h4>
                @if(!empty($ctaPerson->email))
                    <a href="mailto:{{ $ctaPerson->email }}">{{ $ctaPerson->email }}</a>
                @endif
            </div>
        </div>
    </div>
</div>