منتج 1

وصف قصير للمنتج.

20 ريال

إضافة للسلة

<!-- تكرار البطاقات -->
<div class="bg-white rounded-2xl shadow p-4 flex flex-col items-center">
  <img src="https://via.placeholder.com/150" alt="منتج" class="w-32 h-32 object-cover rounded-lg mb-4">
  <h3 class="text-lg font-bold mb-2">منتج 2</h3>
  <p class="text-gray-600 mb-2">وصف قصير للمنتج.</p>
  <p class="text-green-600 font-semibold mb-4">35 ريال</p>
  <button 
    onclick="addToCart('منتج 2')" 
    class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition">
    إضافة للسلة
  </button>
</div>