make the flash sales like this - Follow Up Deployment

index.html

@@ -174,55 +174,104 @@
     <div class="bg-white py-8">
         <div class="container mx-auto px-4">
             <div class="flex justify-between items-center mb-6">
-                <h2 class="text-2xl font-bold">Flash Sale</h2>
+                <div class="flex items-center space-x-4">
+                    <h2 class="text-2xl font-bold">Flash Sale</h2>
+                    <div class="bg-red-500 text-white px-3 py-1 rounded-full text-sm font-bold">
+                        HOT
+                    </div>
+                </div>
                 <div class="flex items-center">
-                    <span class="mr-2">Ends in:</span>
-                    <div class="deal-timer text-white px-3 py-1 rounded-full flex items-center">
-                        <span class="font-bold">14:19:49</span>
+                    <span class="mr-2 text-gray-600">Ends in:</span>
+                    <div class="bg-gray-100 px-3 py-1 rounded-full flex items-center space-x-1">
+                        <span class="font-bold text-red-500">14</span>
+                        <span class="text-gray-500">:</span>
+                        <span class="font-bold text-red-500">19</span>
+                        <span class="text-gray-500">:</span>
+                        <span class="font-bold text-red-500">49</span>
                     </div>
-                    <a href="#" class="ml-4 text-red-500 hover:underline">View All</a>
+                    <a href="#" class="ml-4 text-purple-600 hover:underline font-medium">View All →</a>
                 </div>
             </div>
             <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
                 <!-- Deal Item 1 -->
-                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300">
+                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300 relative">
+                    <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
+                        -30%
+                    </div>
                     <img src="https://global2019-static-cdn.kikuu.com/k-s-oss-1688457483821yynhCMTJ4z.jpg" alt="Product" class="w-full h-40 object-contain mb-2">
                     <h3 class="text-sm font-medium mb-1 line-clamp-2">16/12/10/8/6/4/2 LED Solar Wall Lamp Outdoor Waterproof Up and Down Luminous Lighting for Garden Fence Decoration Sunlight Light</h3>
-                    <div class="flex items-center mt-2">
-                        <span class="text-purple-600 font-bold">6,766 RWF</span>
+                    <div class="flex items-center mt-2 space-x-2">
+                        <span class="text-red-500 font-bold">6,766 RWF</span>
+                        <span class="text-gray-400 text-xs line-through">9,666 RWF</span>
                     </div>
+                    <div class="w-full bg-gray-200 rounded-full h-1.5 mt-2">
+                        <div class="bg-red-500 h-1.5 rounded-full" style="width: 70%"></div>
+                    </div>
+                    <div class="text-xs text-gray-500 mt-1">Sold: 24/30</div>
                 </a>
                 <!-- Deal Item 2 -->
-                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300">
+                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300 relative">
+                    <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
+                        -45%
+                    </div>
                     <img src="https://global2019-static-cdn.kikuu.com/k-s-oss-1684874241516FGWnPQYYiw.jpg" alt="Product" class="w-full h-40 object-contain mb-2">
                     <h3 class="text-sm font-medium mb-1 line-clamp-2">Original Unlocked Huawei P10 Mobile Phone 4G LTE 5.1" 64/128G Rom 20MP Android Dual Sim Fingerprint Smart Used Moible Phone</h3>
-                    <div class="flex items-center mt-2">
-                        <span class="text-purple-600 font-bold">57,091 RWF</span>
+                    <div class="flex items-center mt-2 space-x-2">
+                        <span class="text-red-500 font-bold">57,091 RWF</span>
+                        <span class="text-gray-400 text-xs line-through">103,802 RWF</span>
+                    </div>
+                    <div class="w-full bg-gray-200 rounded-full h-1.5 mt-2">
+                        <div class="bg-red-500 h-1.5 rounded-full" style="width: 85%"></div>
                     </div>
+                    <div class="text-xs text-gray-500 mt-1">Sold: 17/20</div>
                 </a>
                 <!-- Deal Item 3 -->
-                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300">
+                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300 relative">
+                    <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
+                        -60%
+                    </div>
                     <img src="https://global2019-static-cdn.kikuu.com/k-s-oss-1754480166757fYd7BjhzwF.jpg" alt="Product" class="w-full h-40 object-contain mb-2">
                     <h3 class="text-sm font-medium mb-1 line-clamp-2">100% Original High-speed 16TB 8TB SSD 4TB 2TB Portable External Solid State Hard Drive USB3.1 Interface Mobile Hard Drive</h3>
-                    <div class="flex items-center mt-2">
-                        <span class="text-purple-600 font-bold">4,318 RWF</span>
+                    <div class="flex items-center mt-2 space-x-2">
+                        <span class="text-red-500 font-bold">4,318 RWF</span>
+                        <span class="text-gray-400 text-xs line-through">10,795 RWF</span>
+                    </div>
+                    <div class="w-full bg-gray-200 rounded-full h-1.5 mt-2">
+                        <div class="bg-red-500 h-1.5 rounded-full" style="width: 90%"></div>
                     </div>
+                    <div class="text-xs text-gray-500 mt-1">Sold: 27/30</div>
                 </a>
                 <!-- Deal Item 4 -->
-                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300">
+                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300 relative">
+                    <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
+                        -25%
+                    </div>
                     <img src="https://global2019-static-cdn.kikuu.com/upload-productImg-1629622497619.jpeg" alt="Product" class="w-full h-40 object-contain mb-2">
                     <h3 class="text-sm font-medium mb-1 line-clamp-2">HD 1080P 360° Rotate Auto Tracking Panoramic Camera Light Bulb Wireless Wifi PTZ IP Camera Remote Viewing Security Surveillance</h3>
-                    <div class="flex items-center mt-2">
-                        <span class="text-purple-600 font-bold">21,361 RWF</span>
+                    <div class="flex items-center mt-2 space-x-2">
+                        <span class="text-red-500 font-bold">21,361 RWF</span>
+                        <span class="text-gray-400 text-xs line-through">28,481 RWF</span>
                     </div>
+                    <div class="w-full bg-gray-200 rounded-full h-1.5 mt-2">
+                        <div class="bg-red-500 h-1.5 rounded-full" style="width: 65%"></div>
+                    </div>
+                    <div class="text-xs text-gray-500 mt-1">Sold: 13/20</div>
                 </a>
                 <!-- Deal Item 5 -->
-                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300">
+                <a href="#" class="deal-item bg-white p-4 rounded-lg border border-gray-100 transition-all duration-300 relative">
+                    <div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
+                        -15%
+                    </div>
                     <img src="https://global2019-static-cdn.kikuu.com/k-s-oss-1695346578113JcZRsPHNZS.jpg" alt="Product" class="w-full h-40 object-contain mb-2">
                     <h3 class="text-sm font-medium mb-1 line-clamp-2">50ml Teeth Whitening Mousse Deep Cleaning Cigarette Stains Repair Bright Neutralizes Yellow Tones Dental Plaque Fresh Breath</h3>
-                    <div class="flex items-center mt-2">
-                        <span class="text-purple-600 font-bold">6,724 RWF</span>
+                    <div class="flex items-center mt-2 space-x-2">
+                        <span class="text-red-500 font-bold">6,724 RWF</span>
+                        <span class="text-gray-400 text-xs line-through">7,910 RWF</span>
+                    </div>
+                    <div class="w-full bg-gray-200 rounded-full h-1.5 mt-2">
+                        <div class="bg-red-500 h-1.5 rounded-full" style="width: 55%"></div>
                     </div>
+                    <div class="text-xs text-gray-500 mt-1">Sold: 11/20</div>
                 </a>
             </div>
         </div>

prompts.txt

@@ -0,0 +1,2 @@
+make the flash sales like this
+make the flash sales like this