@if(!empty($servicePoint))
    <div class="c-servicepoint">
        <figure class="c-servicepoint__figure">
            <img class="c-servicepoint__img"
                 src="{{$servicePoint['image'] ?? '/img/placeholder-person.svg'}}"
                 alt="Afbeelding van {{$servicePoint['name'] ?? ''}}"
             >
            @unless(empty($servicePointButtonText) && empty($servicePointButtonLink))
                <figcaption class="c-servicepoint__name">{{$servicePoint['name'] ?? '🐵'}}</figcaption>
            @endunless
        </figure>
        <div class="c-servicepoint__content">
            <h3 class="c-servicepoint__heading">{!! $servicePointHeading ?? '' !!}</h3>

            <div class="c-servicepoint__body">
                {!! $servicePointDesc ?? '' !!}
            </div>

            <div class="c-servicepoint__footer">
                @if(!empty($servicePointButtonText) && !empty($servicePointButtonLink))
                    @include('components.button', [
                        'buttonText' => $servicePointButtonText ?? 'Neem contact op',
                        'buttonLink' => $servicePointButtonLink ?? $links->contact->route,
                    ])
                @else
                    <p class="c-servicepoint__name">{{$servicePoint['name'] ?? '🐵'}}</p>
                @endif
            </div>


        </div>
    </div>
@endif