ProjectGenesis commited on
Commit
4b90e1e
·
verified ·
1 Parent(s): fba99f1

use this image for the tournament cards background https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +15 -10
index.html CHANGED
@@ -452,17 +452,18 @@
452
 
453
  <div class="flex space-x-6 overflow-x-auto pb-4 scrollbar-hide" style="scrollbar-width: none;">
454
  <!-- Tournament Card 1 -->
455
- <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
456
- <div class="flex justify-between items-start mb-4">
 
457
  <span class="px-3 py-1 bg-neon-orange text-white rounded-full text-sm font-bold">FREE</span>
458
  <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">
459
  <span class="w-2 h-2 bg-white rounded-full mr-2 animate-pulse"></span>
460
  LIVE
461
  </span>
462
  </div>
463
- <h4 class="text-xl font-bold text-white mb-2">Slots Mania Rush</h4>
464
- <p class="text-gray-400 text-sm mb-4">Fast-paced slots competition</p>
465
- <div class="flex justify-between items-center mb-4">
466
  <div>
467
  <p class="text-gray-400 text-sm">Prize Pool</p>
468
  <p class="text-xl font-bold text-neon-yellow">$1,200</p>
@@ -472,13 +473,14 @@
472
  <p class="text-xl font-bold text-white">87/100</p>
473
  </div>
474
  </div>
475
- <button class="w-full gradient-btn py-3 rounded-full text-dark-bg font-bold mt-2">
476
  JOIN NOW
477
  </button>
478
  </div>
479
 
480
  <!-- Tournament Card 2 -->
481
- <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
 
482
  <div class="flex justify-between items-start mb-4">
483
  <span class="px-3 py-1 bg-neon-yellow text-white rounded-full text-sm font-bold">50 SC</span>
484
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">STARTING SOON</span>
@@ -501,7 +503,8 @@
501
  </div>
502
 
503
  <!-- Tournament Card 3 -->
504
- <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
 
505
  <div class="flex justify-between items-start mb-4">
506
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">10 SC</span>
507
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
@@ -524,7 +527,8 @@
524
  </div>
525
 
526
  <!-- Tournament Card 4 -->
527
- <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
 
528
  <div class="flex justify-between items-start mb-4">
529
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">25 SC</span>
530
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
@@ -547,7 +551,8 @@
547
  </div>
548
 
549
  <!-- Tournament Card 5 -->
550
- <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer">
 
551
  <div class="flex justify-between items-start mb-4">
552
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">100 SC</span>
553
  <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">
 
452
 
453
  <div class="flex space-x-6 overflow-x-auto pb-4 scrollbar-hide" style="scrollbar-width: none;">
454
  <!-- Tournament Card 1 -->
455
+ <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
456
+ <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
457
+ <div class="flex justify-between items-start mb-4 relative z-10">
458
  <span class="px-3 py-1 bg-neon-orange text-white rounded-full text-sm font-bold">FREE</span>
459
  <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">
460
  <span class="w-2 h-2 bg-white rounded-full mr-2 animate-pulse"></span>
461
  LIVE
462
  </span>
463
  </div>
464
+ <h4 class="text-xl font-bold text-white mb-2 relative z-10">Slots Mania Rush</h4>
465
+ <p class="text-gray-400 text-sm mb-4 relative z-10">Fast-paced slots competition</p>
466
+ <div class="flex justify-between items-center mb-4 relative z-10">
467
  <div>
468
  <p class="text-gray-400 text-sm">Prize Pool</p>
469
  <p class="text-xl font-bold text-neon-yellow">$1,200</p>
 
473
  <p class="text-xl font-bold text-white">87/100</p>
474
  </div>
475
  </div>
476
+ <button class="w-full gradient-btn py-3 rounded-full text-dark-bg font-bold mt-2 relative z-10">
477
  JOIN NOW
478
  </button>
479
  </div>
480
 
481
  <!-- Tournament Card 2 -->
482
+ <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
483
+ <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
484
  <div class="flex justify-between items-start mb-4">
485
  <span class="px-3 py-1 bg-neon-yellow text-white rounded-full text-sm font-bold">50 SC</span>
486
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">STARTING SOON</span>
 
503
  </div>
504
 
505
  <!-- Tournament Card 3 -->
506
+ <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
507
+ <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
508
  <div class="flex justify-between items-start mb-4">
509
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">10 SC</span>
510
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
 
527
  </div>
528
 
529
  <!-- Tournament Card 4 -->
530
+ <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
531
+ <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
532
  <div class="flex justify-between items-start mb-4">
533
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">25 SC</span>
534
  <span class="px-3 py-1 bg-orange-500 text-white rounded-full text-sm font-bold">VIP</span>
 
551
  </div>
552
 
553
  <!-- Tournament Card 5 -->
554
+ <div class="carousel-item glass-panel min-w-[300px] p-6 cursor-pointer relative overflow-hidden">
555
+ <div class="absolute inset-0 bg-[url('https://i.postimg.cc/wTrQ9LWM/temp-Imaged-FKu-Ss.avif')] bg-cover bg-center opacity-20 z-0"></div>
556
  <div class="flex justify-between items-start mb-4">
557
  <span class="px-3 py-1 bg-yellow-500 text-white rounded-full text-sm font-bold">100 SC</span>
558
  <span class="px-3 py-1 bg-red-500 text-white rounded-full text-sm font-bold flex items-center">