<div class="products">
    <div class="container">
        <h3 class="title"><span>Featured Products</span> <a href="{{ route('product') }}">View All</a></h3>
        <div class="row autoplay slick_featured_products">
            @forelse ($randomProducts as $randomProduct)
                <x-product-grid-view :product="$randomProduct" classes="" />
            @empty
                <x-product-empty-component />
            @endforelse
        </div>
    </div>
</div>
<style>.slick_featured_products .slick-track{height: 370px!important;}</style>