Replace the "Exclusive Giveaways" panel with a "Your Nioplay Perks" panel with corresponding elements like Rakeback %, VIP Support, 24hr Redeems, etc. With Icons indicating each element.

index.html

@@ -765,51 +765,60 @@
             <h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
             
             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <!-- Exclusive Giveaways -->
-                <div class="glass-panel p-4 rounded-xl relative overflow-hidden h-full" style="background: linear-gradient(135deg, #1A1A1A 0%, #3A1E2B 50%, #1A1A1A 100%);">
+                <!-- Your Nioplay Perks -->
+                <div class="glass-panel p-4 rounded-xl relative overflow-hidden h-full" style="background: linear-gradient(135deg, #1A1A1A 0%, #1E2B3A 50%, #1A1A1A 100%);">
                     <div class="flex items-center mb-3">
-                        <div class="w-10 h-10 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 flex items-center justify-center mr-2 animate-pulse">
-                            <i class="fas fa-gift text-white"></i>
+                        <div class="w-10 h-10 rounded-full bg-gradient-to-r from-amber-500 to-yellow-300 flex items-center justify-center mr-2 animate-pulse">
+                            <i class="fas fa-star text-black"></i>
                         </div>
                         <div>
-                            <h4 class="font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-pink-300">Exclusive Giveaways</h4>
-                            <p class="text-xs text-gray-400">VIP Members Only</p>
+                            <h4 class="font-bold text-transparent bg-clip-text bg-gradient-to-r from-amber-300 to-yellow-200">Your Nioplay Perks</h4>
+                            <p class="text-xs text-gray-400">Diamond Tier Benefits</p>
                         </div>
                     </div>
 
                     <div class="space-y-3 mb-4">
                         <div class="flex items-center">
-                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-cyan-300 flex items-center justify-center mr-2 animate-float-1">
-                                <i class="fas fa-ticket-alt text-xs text-white"></i>
+                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-green-500 to-emerald-300 flex items-center justify-center mr-2 animate-float-1">
+                                <i class="fas fa-percentage text-xs text-white"></i>
                             </div>
                             <div>
-                                <p class="text-sm">VIP Concert Tickets</p>
-                                <p class="text-xs text-gray-400">Next draw: 2 days</p>
+                                <p class="text-sm">30% Weekly Rakeback</p>
+                                <p class="text-xs text-gray-400">Next cashback: $120</p>
                             </div>
                         </div>
                         <div class="flex items-center">
-                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-amber-500 to-yellow-300 flex items-center justify-center mr-2 animate-float-2">
-                                <i class="fas fa-plane text-xs text-white"></i>
+                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-blue-500 to-cyan-300 flex items-center justify-center mr-2 animate-float-2">
+                                <i class="fas fa-headset text-xs text-white"></i>
                             </div>
                             <div>
-                                <p class="text-sm">First Class to Vegas</p>
-                                <p class="text-xs text-gray-400">3 available</p>
+                                <p class="text-sm">VIP Support Team</p>
+                                <p class="text-xs text-gray-400">Instant response</p>
                             </div>
                         </div>
                         <div class="flex items-center">
-                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-emerald-500 to-teal-300 flex items-center justify-center mr-2 animate-float-3">
-                                <i class="fas fa-umbrella-beach text-xs text-white"></i>
+                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-purple-500 to-pink-300 flex items-center justify-center mr-2 animate-float-3">
+                                <i class="fas fa-clock text-xs text-white"></i>
                             </div>
                             <div>
-                                <p class="text-sm">Hawaii Getaway</p>
-                                <p class="text-xs text-gray-400">Monthly prize</p>
+                                <p class="text-sm">24hr Redeems</p>
+                                <p class="text-xs text-gray-400">Instant withdrawals</p>
+                            </div>
+                        </div>
+                        <div class="flex items-center">
+                            <div class="w-8 h-8 rounded-full bg-gradient-to-r from-red-500 to-amber-300 flex items-center justify-center mr-2">
+                                <i class="fas fa-gift text-xs text-white"></i>
+                            </div>
+                            <div>
+                                <p class="text-sm">Monthly Gifts</p>
+                                <p class="text-xs text-gray-400">Next gift: 5 days</p>
                             </div>
                         </div>
                     </div>
 
                     <button class="w-full py-2 glass-panel rounded-full text-sm font-semibold glow-text hover:shadow-glow transition-all duration-300 flex items-center justify-center">
-                        <span class="relative z-10">VIEW ALL GIVEAWAYS</span>
-                        <div class="absolute inset-0 rounded-full bg-gradient-to-r from-purple-500/80 to-pink-500/80 opacity-70 hover:opacity-100 transition-opacity duration-300"></div>
+                        <span class="relative z-10">VIEW ALL PERKS</span>
+                        <div class="absolute inset-0 rounded-full bg-gradient-to-r from-amber-500/80 to-yellow-300/80 opacity-70 hover:opacity-100 transition-opacity duration-300"></div>
                     </button>
                 </div>
 <!-- Tournament Leaderboard -->