<div class="products">
    <div class="container">
        <h3 class="title"><span>Latest Products</span> <a href="{{ route('product') }}">View All</a></h3>
        <div class="row">
            @forelse ($products as $product)
                <x-product-grid-view :product="$product" classes="product col-lg-2 col-md-3 col-sm-4 col-4" />
            @empty
                <x-product-empty-component />
            @endforelse
        </div>
    </div>
</div>