Spaces:
Running
Running
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.
Browse files- index.html +29 -20
index.html
CHANGED
|
@@ -765,51 +765,60 @@
|
|
| 765 |
<h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
|
| 766 |
|
| 767 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 768 |
-
<!--
|
| 769 |
-
<div class="glass-panel p-4 rounded-xl relative overflow-hidden h-full" style="background: linear-gradient(135deg, #1A1A1A 0%, #
|
| 770 |
<div class="flex items-center mb-3">
|
| 771 |
-
<div class="w-10 h-10 rounded-full bg-gradient-to-r from-
|
| 772 |
-
<i class="fas fa-
|
| 773 |
</div>
|
| 774 |
<div>
|
| 775 |
-
<h4 class="font-bold text-transparent bg-clip-text bg-gradient-to-r from-
|
| 776 |
-
<p class="text-xs text-gray-400">
|
| 777 |
</div>
|
| 778 |
</div>
|
| 779 |
|
| 780 |
<div class="space-y-3 mb-4">
|
| 781 |
<div class="flex items-center">
|
| 782 |
-
<div class="w-8 h-8 rounded-full bg-gradient-to-r from-
|
| 783 |
-
<i class="fas fa-
|
| 784 |
</div>
|
| 785 |
<div>
|
| 786 |
-
<p class="text-sm">
|
| 787 |
-
<p class="text-xs text-gray-400">Next
|
| 788 |
</div>
|
| 789 |
</div>
|
| 790 |
<div class="flex items-center">
|
| 791 |
-
<div class="w-8 h-8 rounded-full bg-gradient-to-r from-
|
| 792 |
-
<i class="fas fa-
|
| 793 |
</div>
|
| 794 |
<div>
|
| 795 |
-
<p class="text-sm">
|
| 796 |
-
<p class="text-xs text-gray-400">
|
| 797 |
</div>
|
| 798 |
</div>
|
| 799 |
<div class="flex items-center">
|
| 800 |
-
<div class="w-8 h-8 rounded-full bg-gradient-to-r from-
|
| 801 |
-
<i class="fas fa-
|
| 802 |
</div>
|
| 803 |
<div>
|
| 804 |
-
<p class="text-sm">
|
| 805 |
-
<p class="text-xs text-gray-400">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 806 |
</div>
|
| 807 |
</div>
|
| 808 |
</div>
|
| 809 |
|
| 810 |
<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">
|
| 811 |
-
<span class="relative z-10">VIEW ALL
|
| 812 |
-
<div class="absolute inset-0 rounded-full bg-gradient-to-r from-
|
| 813 |
</button>
|
| 814 |
</div>
|
| 815 |
<!-- Tournament Leaderboard -->
|
|
|
|
| 765 |
<h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
|
| 766 |
|
| 767 |
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
| 768 |
+
<!-- Your Nioplay Perks -->
|
| 769 |
+
<div class="glass-panel p-4 rounded-xl relative overflow-hidden h-full" style="background: linear-gradient(135deg, #1A1A1A 0%, #1E2B3A 50%, #1A1A1A 100%);">
|
| 770 |
<div class="flex items-center mb-3">
|
| 771 |
+
<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">
|
| 772 |
+
<i class="fas fa-star text-black"></i>
|
| 773 |
</div>
|
| 774 |
<div>
|
| 775 |
+
<h4 class="font-bold text-transparent bg-clip-text bg-gradient-to-r from-amber-300 to-yellow-200">Your Nioplay Perks</h4>
|
| 776 |
+
<p class="text-xs text-gray-400">Diamond Tier Benefits</p>
|
| 777 |
</div>
|
| 778 |
</div>
|
| 779 |
|
| 780 |
<div class="space-y-3 mb-4">
|
| 781 |
<div class="flex items-center">
|
| 782 |
+
<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">
|
| 783 |
+
<i class="fas fa-percentage text-xs text-white"></i>
|
| 784 |
</div>
|
| 785 |
<div>
|
| 786 |
+
<p class="text-sm">30% Weekly Rakeback</p>
|
| 787 |
+
<p class="text-xs text-gray-400">Next cashback: $120</p>
|
| 788 |
</div>
|
| 789 |
</div>
|
| 790 |
<div class="flex items-center">
|
| 791 |
+
<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">
|
| 792 |
+
<i class="fas fa-headset text-xs text-white"></i>
|
| 793 |
</div>
|
| 794 |
<div>
|
| 795 |
+
<p class="text-sm">VIP Support Team</p>
|
| 796 |
+
<p class="text-xs text-gray-400">Instant response</p>
|
| 797 |
</div>
|
| 798 |
</div>
|
| 799 |
<div class="flex items-center">
|
| 800 |
+
<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">
|
| 801 |
+
<i class="fas fa-clock text-xs text-white"></i>
|
| 802 |
</div>
|
| 803 |
<div>
|
| 804 |
+
<p class="text-sm">24hr Redeems</p>
|
| 805 |
+
<p class="text-xs text-gray-400">Instant withdrawals</p>
|
| 806 |
+
</div>
|
| 807 |
+
</div>
|
| 808 |
+
<div class="flex items-center">
|
| 809 |
+
<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">
|
| 810 |
+
<i class="fas fa-gift text-xs text-white"></i>
|
| 811 |
+
</div>
|
| 812 |
+
<div>
|
| 813 |
+
<p class="text-sm">Monthly Gifts</p>
|
| 814 |
+
<p class="text-xs text-gray-400">Next gift: 5 days</p>
|
| 815 |
</div>
|
| 816 |
</div>
|
| 817 |
</div>
|
| 818 |
|
| 819 |
<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">
|
| 820 |
+
<span class="relative z-10">VIEW ALL PERKS</span>
|
| 821 |
+
<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>
|
| 822 |
</button>
|
| 823 |
</div>
|
| 824 |
<!-- Tournament Leaderboard -->
|