<div class="o-block-100  u-full-width-overflow">
    <div class="l-contain">
        <h2 class="u-spacing-mb-60">{{ $latestPostsTitle ?? 'Blog' }}</h2>
        <div class="l-grid">

            @if(isset($posts) && $posts->isNotEmpty())
                @foreach($posts as $post)

                    <div class="l-grid__item">
                        @include('site.components.card', [
                            'cardImage' => $post->images->isNotEmpty() ? $post->images->first()->medium_image_url : null,
                            'cardTitle' => $post->translation->name,
                            'cardLink' => $links->posts->route . '/' . $post->translation->slug,
                            'cardButtonText' => __('site/posts.to_article'),
                            'clickable' => true
                         ])
                    </div>

                @endforeach
            @endif

        </div>
    </div>
</div>