@props(['product'])<article class="group rounded-xl bg-white p-3 shadow-premium transition hover:-translate-y-1"><a href="{{route('product',$product)}}"><img src="{{$product->image}}" alt="{{$product->name}}" class="h-36 w-full rounded-lg object-cover"><h3 class="mt-3 text-xs font-bold">{{$product->name}}</h3><p class="text-[10px] text-slate-500">{{$product->category?->name}}</p><div class="mt-2 flex items-center justify-between"><span class="text-xs font-extrabold text-violet">KES {{number_format($product->price)}}</span><span class="text-amber-400 text-xs">★★★★★</span></div></a></article>