ProjectGenesis commited on
Commit
ce03fb1
·
verified ·
1 Parent(s): 13ceab6

Replace the "Daily Rewards" panel with a "Live Chat" panel module with corresponding elements of a live chat function.

Browse files
Files changed (1) hide show
  1. index.html +45 -57
index.html CHANGED
@@ -756,72 +756,60 @@
756
  <h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
757
 
758
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
759
- <!-- Daily Rewards -->
760
- <div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
761
- <h4 class="font-bold mb-3 text-niogold">Daily Login Rewards</h4>
762
- <div class="flex justify-between mb-3">
763
- <div class="text-center">
764
- <div class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mx-auto">
765
- <i class="fas fa-gem text-gray-500"></i>
766
- </div>
767
- <p class="text-xs mt-1">Day 1</p>
768
- </div>
769
-
770
- <div class="text-center">
771
- <div class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mx-auto">
772
- <i class="fas fa-coins text-gray-500"></i>
773
- </div>
774
- <p class="text-xs mt-1">Day 2</p>
775
  </div>
776
-
777
- <div class="text-center">
778
- <div class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mx-auto">
779
- <i class="fas fa-ticket-alt text-gray-500"></i>
 
 
 
 
 
 
 
 
780
  </div>
781
- <p class="text-xs mt-1">Day 3</p>
782
- </div>
783
-
784
- <div class="text-center">
785
- <div class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mx-auto">
786
- <i class="fas fa-gift text-gray-500"></i>
 
 
 
787
  </div>
788
- <p class="text-xs mt-1">Day 4</p>
789
- </div>
790
-
791
- <div class="text-center">
792
- <div class="w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center mx-auto">
793
- <i class="fas fa-crown text-yellow-400"></i>
 
 
 
794
  </div>
795
- <p class="text-xs mt-1">Day 5</p>
796
  </div>
797
  </div>
798
- <div class="mt-3">
799
- <div class="flex justify-between text-xs mb-1">
800
- <span>Day 1: 10 Free Spins</span>
801
- <span class="text-niogold">Claimed</span>
802
- </div>
803
- <div class="flex justify-between text-xs mb-1">
804
- <span>Day 2: 25 Free Spins</span>
805
- <span class="text-niogold">Claimed</span>
806
- </div>
807
- <div class="flex justify-between text-xs mb-1">
808
- <span>Day 3: 50 Free Spins</span>
809
- <span class="text-niogold">Claimed</span>
810
- </div>
811
- <div class="flex justify-between text-xs mb-1">
812
- <span>Day 4: 100 Free Spins</span>
813
- <span class="text-niogold">Claimed</span>
814
- </div>
815
- <div class="flex justify-between text-xs mb-1">
816
- <span>Day 5: 200 Free Spins + $5 Bonus</span>
817
- <span class="text-gray-400">Available in 1 day</span>
818
- </div>
819
  </div>
820
  </div>
821
-
822
  <!-- Tournament Leaderboard -->
823
- <div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg">
824
- <div class="flex justify-between items-center mb-3">
825
  <h4 class="font-bold text-niogold">Mega Tournament</h4>
826
  <div class="text-sm flex items-center">
827
  <i class="far fa-clock mr-1 text-amber-300"></i>
 
756
  <h3 class="font-bold mb-4 text-center">Rewards & Tournaments</h3>
757
 
758
  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
759
+ <!-- Live Chat -->
760
+ <div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg h-full">
761
+ <div class="flex items-center justify-between mb-3">
762
+ <h4 class="font-bold text-niogold">Live Chat</h4>
763
+ <div class="flex items-center text-xs">
764
+ <div class="w-2 h-2 bg-green-500 rounded-full mr-1 animate-pulse"></div>
765
+ <span>12 Online</span>
 
 
 
 
 
 
 
 
 
766
  </div>
767
+ </div>
768
+
769
+ <div class="h-40 mb-3 overflow-y-auto scroll-container">
770
+ <div class="space-y-2">
771
+ <div class="flex">
772
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex-shrink-0 flex items-center justify-center mr-2">
773
+ <i class="fas fa-user text-xs"></i>
774
+ </div>
775
+ <div>
776
+ <p class="text-xs font-semibold">BigWinner88 <span class="text-gray-400 ml-1">2:45 PM</span></p>
777
+ <p class="text-xs">Just hit the jackpot on Diamond Riches! 🎰💰</p>
778
+ </div>
779
  </div>
780
+
781
+ <div class="flex">
782
+ <div class="w-8 h-8 rounded-full bg-gray-700 flex-shrink-0 flex items-center justify-center mr-2">
783
+ <i class="fas fa-user text-xs"></i>
784
+ </div>
785
+ <div>
786
+ <p class="text-xs font-semibold">LuckySpin99 <span class="text-gray-400 ml-1">2:47 PM</span></p>
787
+ <p class="text-xs">Congrats! I'm on a cold streak today 😅</p>
788
+ </div>
789
  </div>
790
+
791
+ <div class="flex">
792
+ <div class="w-8 h-8 rounded-full bg-gradient-to-r from-niogold to-amber-200 flex-shrink-0 flex items-center justify-center mr-2">
793
+ <i class="fas fa-crown text-xs text-black"></i>
794
+ </div>
795
+ <div>
796
+ <p class="text-xs font-semibold text-niogold">Nioplay Support <span class="text-gray-400 ml-1">2:49 PM</span></p>
797
+ <p class="text-xs">Remember to check out our new game Fortune Tiger for a chance to win big! 🐯</p>
798
+ </div>
799
  </div>
 
800
  </div>
801
  </div>
802
+
803
+ <div class="relative">
804
+ <input type="text" placeholder="Type your message..." class="w-full py-2 px-3 bg-nioglass rounded-full text-sm focus:outline-none focus:ring-1 focus:ring-niogold">
805
+ <button class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-gradient-to-r from-niogold to-amber-200 rounded-full w-6 h-6 flex items-center justify-center">
806
+ <i class="fas fa-paper-plane text-xs text-black"></i>
807
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
808
  </div>
809
  </div>
 
810
  <!-- Tournament Leaderboard -->
811
+ <div class="glass-panel p-4 rounded-xl relative overflow-hidden vip-gradient-bg" style="height: 100%;">
812
+ <div class="flex justify-between items-center mb-3">
813
  <h4 class="font-bold text-niogold">Mega Tournament</h4>
814
  <div class="text-sm flex items-center">
815
  <i class="far fa-clock mr-1 text-amber-300"></i>