<div class="o-block">
    <div class="l-contain">
        @include('organisms.headingRow', [
            'headingRowTitle' => $headingRowTitle ?? __('site/products.our_products'),
            'headingRowButtonLabel' => $headingRowButtonLabel ?? __('site/products.all_products'),
            'headingRowButtonLink' => $headingRowButtonLink ?? $links->products->route,
        ])
    </div>
    <div class="o-card-grid  @if(isset($hasBg) && $hasBg) o-card-grid--has-bg  o-card-grid--single-row @endif">
        <div class="l-contain">

            <ul class="o-card-grid__list">
                @if(!empty($featuredProducts))
                    @foreach($featuredProducts as $prod)
                        <li class="o-card-grid__item">
                            @include('components.card', [
                                 'clickable' => true,
                                 'cardImage' => $prod->productImages->first()->medium_image_url ?? '/img/no-image-card-medium.gif',
                                 'cardLabel' => $prod->translation->name,
                                 'cardLink' => $links->products->route . '/' . $prod->translation->slug,
                            ])
                        </li>
                    @endforeach
                @endif
            </ul>

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