@extends('layouts.home')
	@section('content')
		<x-slides :$rows/>
	<hr>
		<h5> <i class="bi bi-bookmark"></i> Latest</h5>
		<div class='row mt-2'>			@foreach($latests as $product)
				<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" >
					<x-buy_products :$product :$i/>
				</div>
			@endforeach
		</div>
	<hr>
		<h5> <i class="bi bi-bookmark"></i> Specials</h5>
			<div class='row mt-2'>				@foreach($specials as $product)
					<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" >
						<x-buy_products :$product :$i/>
					</div>
				@endforeach
			</div>
		@if(count($bestsellers))
	<hr>
			<h5> <i class="bi bi-bookmark"></i> Best Sellers</h5>
			<div class='row mt-2'>				@foreach($bestsellers as $product)
										<div class="col-sm-12 col-md-6 col-lg-3 col-xl-3" >
						<x-buy_products :$product :$i/>
					</div>
				@endforeach
			</div>
		@endif		
		
	@endsection