ProjectGenesis commited on
Commit
3ba46f8
·
verified ·
1 Parent(s): a6af6da

Add a redirection link to "https://nioplay.net" for all items on the Footer. - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +58 -55
index.html CHANGED
@@ -65,6 +65,13 @@
65
  font-family: 'Poppins', sans-serif;
66
  overflow-x: hidden;
67
  }
 
 
 
 
 
 
 
68
 
69
  .neon-text {
70
  text-shadow: 0 0 5px #FF5F1F, 0 0 15px #FF5F1F;
@@ -279,18 +286,18 @@
279
  <div class="container mx-auto px-4">
280
  <div class="flex justify-between items-center mb-8">
281
  <div class="flex items-center">
282
- <img src="https://i.postimg.cc/v85LHycn/Untitled-design-2.png" alt="Lucky Clovers Logo" class="w-16 h-16 rounded-full mr-3 animate-[spin-horizontal_3s_linear_infinite]">
283
  <h1 class="text-2xl font-bold neon-text">NIOPLAY SOCIAL CASINO</h1>
284
  </div>
285
  <div class="flex flex-col sm:flex-row gap-3">
286
- <a href="https://theluckyclovers.com" target="_blank"
287
- class="relative overflow-hidden group bg-gradient-to-br from-neon to-white-600 text-white px-6 py-3 rounded-full font-bold transition-all duration-300 hover:shadow-neon hover:scale-105 text-center sm:text-left">
288
  <span class="relative z-10">Sign Up</span>
289
  <span class="absolute inset-0 bg-gradient-to-br from-white-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
290
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
291
  </a>
292
- <a href="https://theluckyclovers.com" target="_blank"
293
- class="relative overflow-hidden group glass-card px-6 py-3 rounded-full font-bold transition-all duration-500 hover:text-neon hover:shadow-neon-sm border-neon text-center sm:text-left hover:animate-float">
294
  <span class="relative z-10">Login</span>
295
  <span class="absolute inset-0 bg-gradient-to-r from-neon/10 via-orange-500/10 to-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-[length:200%_100%] animate-shine"></span>
296
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
@@ -307,12 +314,12 @@
307
  <p class="text-gray-300 mb-8">Play thrilling slots or live casino games with no purchase necessary. Win real prizes, enjoy instant redemptions, and level up with daily rewards, tournaments, and VIP perks.
308
  Spin. Win. Repeat. Your next big win starts now.</p>
309
  <div class="flex flex-wrap gap-4">
310
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-white-600 text-white px-8 py-4 rounded-full font-bold text-lg transition-all duration-300 hover:shadow-neon hover:scale-105">
311
  <span class="relative z-10">Play Now</span>
312
  <span class="absolute inset-0 bg-gradient-to-br from-black-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
313
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
314
  </a>
315
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group glass-card px-8 py-4 rounded-full font-bold text-lg neon-text transition-all duration-300 hover:text-neon hover:shadow-neon-sm border-neon">
316
  <span class="relative z-10">Welcome Offer</span>
317
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
318
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
@@ -344,21 +351,21 @@
344
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">CALETA</div>
345
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GMW</div>
346
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED RAKE</div>
347
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Triple Cherry</div>
348
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">OnlyPlay</div>
349
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMING CORP</div>
350
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">EURASIAN GAMING</div>
351
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMZIX</div>
352
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">NETGAMING</div>
353
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ELAGAMES</div>
354
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BOLDPLAY</div>
355
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Red Tiger</div>
356
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Play'n GO</div>
357
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">IGT</div>
358
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">7777 Gaming</div>
359
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">KA Gaming</div>
360
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Spinoro</div>
361
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">3Oaks Gaming</div>
362
 
363
  <!-- Duplicate Content for seamless loop -->
364
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BETSOFT</div>
@@ -370,21 +377,21 @@
370
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">CALETA</div>
371
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GMW</div>
372
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED RAKE</div>
373
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Triple Cherry</div>
374
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">OnlyPlay</div>
375
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMING CORP</div>
376
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">EURASIAN GAMING</div>
377
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMZIX</div>
378
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">NETGAMING</div>
379
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ELAGAMES</div>
380
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BOLDPLAY</div>
381
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Red Tiger</div>
382
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Play'n GO</div>
383
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">IGT</div>
384
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">7777 Gaming</div>
385
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">KA Gaming</div>
386
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">Spinoro</div>
387
- <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">3Oaks Gaming</div>
388
  </div>
389
  </div>
390
  </div>
@@ -415,10 +422,6 @@
415
  <i class="fab fa-cc-paypal group-hover:drop-shadow-[0_0_8px_rgba(255,95,31,0.8)]"></i>
416
  <div class="absolute inset-0 rounded-full group-hover:bg-neon/10 group-hover:animate-ping opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
417
  </div>
418
- <div class="text-3xl text-gray-300 hover:text-neon transition group relative">
419
- <i class="fab fa-cc-stripe group-hover:drop-shadow-[0_0_8px_rgba(255,95,31,0.8)]"></i>
420
- <div class="absolute inset-0 rounded-full group-hover:bg-neon/10 group-hover:animate-ping opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
421
- </div>
422
  <div class="text-3xl text-gray-300 hover:text-neon transition group relative">
423
  <i class="fas fa-university group-hover:drop-shadow-[0_0_8px_rgba(255,95,31,0.8)]"></i>
424
  <div class="absolute inset-0 rounded-full group-hover:bg-neon/10 group-hover:animate-ping opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
@@ -443,7 +446,7 @@
443
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-WHITE text-2xl font-bold mb-6">1</div>
444
  <h3 class="text-xl font-bold mb-3">Create Your Account</h3>
445
  <p class="text-gray-400 mb-4">Sign up with your email in seconds. No credit card required!</p>
446
- <a href="https://theluckyclovers.com" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Get Started →</a>
447
  </div>
448
 
449
  <!-- Step 2 -->
@@ -451,7 +454,7 @@
451
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-white text-2xl font-bold mb-6">2</div>
452
  <h3 class="text-xl font-bold mb-3">Claim Welcome Bonus</h3>
453
  <p class="text-gray-400 mb-4">Get your exclusive bonus credits just for joining!</p>
454
- <a href="https://theluckyclovers.com" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Claim Offer →</a>
455
  </div>
456
 
457
  <!-- Step 3 -->
@@ -459,7 +462,7 @@
459
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-white text-2xl font-bold mb-6">3</div>
460
  <h3 class="text-xl font-bold mb-3">Play & Win!</h3>
461
  <p class="text-gray-400 mb-4">Instantly explore hundreds of games and start winning!</p>
462
- <a href="https://theluckyclovers.com" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Start Playing →</a>
463
  </div>
464
  </div>
465
  </div>
@@ -519,7 +522,7 @@
519
  <h2 class="text-3xl font-bold mb-2 neon-text">Top Games of the Month</h2>
520
  <p class="text-gray-400">Discover our players' favorite titles</p>
521
  </div>
522
- <a href="https://theluckyclovers.com" target="_blank" class="mt-4 md:mt-0 relative overflow-hidden group glass-card px-8 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-neon hover:shadow-neon-sm border-neon">
523
  <span class="relative z-10">View All Games</span>
524
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
525
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
@@ -763,7 +766,7 @@
763
  <p class="text-sm">Volatility: Medium</p>
764
  <div class="volatility-meter mb-4"></div>
765
  </div>
766
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-orange-600 text-black px-4 py-2 rounded font-bold text-sm transition-all duration-300 hover:shadow-neon hover:scale-105">
767
  <span class="relative z-10">Play Now</span>
768
  <span class="absolute inset-0 bg-gradient-to-br from-green-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
769
  </a>
@@ -786,7 +789,7 @@
786
  <p class="text-sm">Volatility: High</p>
787
  <div class="volatility-meter mb-4"></div>
788
  </div>
789
- <a href="https://theluckyclovers.com" target="_blank" class="bg-neon text-black px-4 py-2 rounded font-bold hover:bg-green-400 transition mt-2 text-sm">Play Now</a>
790
  </div>
791
  </div>
792
  </div>
@@ -806,14 +809,14 @@
806
  <p class="text-sm">Volatility: Medium</p>
807
  <div class="volatility-meter mb-4"></div>
808
  </div>
809
- <a href="https://theluckyclovers.com" target="_blank" class="bg-neon text-black px-4 py-2 rounded font-bold hover:bg-green-400 transition mt-2 text-sm">Play Now</a>
810
  </div>
811
  </div>
812
  </div>
813
  </div>
814
 
815
  <div class="text-center mt-10">
816
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group glass-card px-6 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-neon hover:shadow-neon-sm border-neon inline-flex items-center">
817
  <span class="relative z-10">View All 1,000+ Games →</span>
818
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
819
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
@@ -885,7 +888,7 @@
885
  <span class="text-neon font-bold">Gold</span>
886
  <span class="text-gray-400">Platinum</span>
887
  </div>
888
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group glass-card inline-block px-8 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-neon hover:shadow-neon-sm border-neon">
889
  <span class="relative z-10">Unlock VIP Status</span>
890
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
891
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
@@ -943,7 +946,7 @@
943
  </div>
944
  </div>
945
 
946
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group bg-gradient-to-r from-neon to-white-600 text-black font-bold text-lg px-12 py-4 rounded-full transition-all duration-300 hover:shadow-neon hover:scale-105 flex items-center">
947
  <span class="relative z-10">Claim Bonus <i class="fas fa-arrow-right ml-2"></i></span>
948
  <span class="absolute inset-0 bg-gradient-to-r from-white-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
949
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
@@ -1128,7 +1131,7 @@
1128
  <p class="neon-text">SC 142,839 claimed yesterday!</p>
1129
  </div>
1130
  </div>
1131
- <a href="https://theluckyclovers.com" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-white-500 text-white text-xl font-bold px-14 py-5 rounded-full transition-all duration-500 hover:shadow-neon hover:scale-105 inline-block animate-button-pulse hover:animate-float">
1132
  <span class="relative z-10">Join Now</span>
1133
  <span class="absolute inset-0 bg-gradient-to-r from-neon/80 via-orange-500/50 to-neon/80 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-[length:200%_100%] animate-shine"></span>
1134
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
@@ -1145,21 +1148,21 @@
1145
  <div class="grid md:grid-cols-4 gap-10 mb-10">
1146
  <div>
1147
  <div class="flex items-center mb-6">
1148
- <img src="https://i.postimg.cc/v85LHycn/Untitled-design-2.png" alt="Lucky Clovers Logo" class="w-16 h-16 rounded-full mr-3">
1149
  <h3 class="text-xl font-bold neon-text">NIOPLAY SOCIAL CASINO</h3>
1150
  </div>
1151
- <p class="text-gray-400 mb-6">Elevating your gaming experience with every spin.</p>
1152
  <div class="flex space-x-4">
1153
- <a href="#" class="text-gray-400 hover:text-neon transition">
1154
  <i class="fab fa-facebook text-2xl"></i>
1155
  </a>
1156
- <a href="#" class="text-gray-400 hover:text-neon transition">
1157
  <i class="fab fa-instagram text-2xl"></i>
1158
  </a>
1159
- <a href="#" class="text-gray-400 hover:text-neon transition">
1160
  <i class="fab fa-twitter text-2xl"></i>
1161
  </a>
1162
- <a href="#" class="text-gray-400 hover:text-neon transition">
1163
  <i class="fab fa-discord text-2xl"></i>
1164
  </a>
1165
  </div>
@@ -1168,22 +1171,22 @@
1168
  <div>
1169
  <h4 class="font-bold text-lg mb-6 neon-text">Quick Links</h4>
1170
  <ul class="space-y-3">
1171
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Home</a></li>
1172
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Games</a></li>
1173
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Promotions</a></li>
1174
- <li><a href="#" class="text-gray-400 hover:text-neon transition">VIP Club</a></li>
1175
- <li><a href="#" class="text-gray-400 hover:text-neon transition">About Us</a></li>
1176
  </ul>
1177
  </div>
1178
 
1179
  <div>
1180
  <h4 class="font-bold text-lg mb-6 neon-text">Support</h4>
1181
  <ul class="space-y-3">
1182
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Help Center</a></li>
1183
- <li><a href="#" class="text-gray-400 hover:text-neon transition">FAQ</a></li>
1184
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Contact Us</a></li>
1185
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Terms of Service</a></li>
1186
- <li><a href="#" class="text-gray-400 hover:text-neon transition">Privacy Policy</a></li>
1187
  </ul>
1188
  </div>
1189
 
@@ -1196,7 +1199,7 @@
1196
  <button class="bg-neon text-black px-4 py-3 rounded-r font-medium hover:bg-green-400 transition">GO</button>
1197
  </div>
1198
  </form>
1199
- <p class="text-xs text-gray-500">By subscribing you confirm you're at least 18 years of age and agree to Nioplay Social Casino's term of service.</p>
1200
  </div>
1201
  </div>
1202
 
 
65
  font-family: 'Poppins', sans-serif;
66
  overflow-x: hidden;
67
  }
68
+
69
+ @media (max-width: 640px) {
70
+ .header-btn {
71
+ padding: 0.5rem 1rem !important;
72
+ font-size: 0.875rem !important;
73
+ }
74
+ }
75
 
76
  .neon-text {
77
  text-shadow: 0 0 5px #FF5F1F, 0 0 15px #FF5F1F;
 
286
  <div class="container mx-auto px-4">
287
  <div class="flex justify-between items-center mb-8">
288
  <div class="flex items-center">
289
+ <img src="https://i.postimg.cc/v85LHycn/Untitled-design-2.png" alt="Nioplay Logo" class="w-16 h-16 rounded-full mr-3 animate-[spin-horizontal_3s_linear_infinite]">
290
  <h1 class="text-2xl font-bold neon-text">NIOPLAY SOCIAL CASINO</h1>
291
  </div>
292
  <div class="flex flex-col sm:flex-row gap-3">
293
+ <a href="https://nioplay.net" target="_blank"
294
+ class="header-btn relative overflow-hidden group bg-gradient-to-br from-neon to-white-600 text-white px-6 py-3 rounded-full font-bold transition-all duration-300 hover:shadow-neon hover:scale-105 text-center sm:text-left">
295
  <span class="relative z-10">Sign Up</span>
296
  <span class="absolute inset-0 bg-gradient-to-br from-white-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
297
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
298
  </a>
299
+ <a href="https://nioplay.net" target="_blank"
300
+ class="relative overflow-hidden group bg-transparent border border-neon text-neon px-6 py-3 rounded-full font-bold transition-all duration-300 hover:shadow-neon hover:scale-105 text-center sm:text-left hover:animate-float">
301
  <span class="relative z-10">Login</span>
302
  <span class="absolute inset-0 bg-gradient-to-r from-neon/10 via-orange-500/10 to-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-[length:200%_100%] animate-shine"></span>
303
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
 
314
  <p class="text-gray-300 mb-8">Play thrilling slots or live casino games with no purchase necessary. Win real prizes, enjoy instant redemptions, and level up with daily rewards, tournaments, and VIP perks.
315
  Spin. Win. Repeat. Your next big win starts now.</p>
316
  <div class="flex flex-wrap gap-4">
317
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-white-600 text-white px-8 py-4 rounded-full font-bold text-lg transition-all duration-300 hover:shadow-neon hover:scale-105">
318
  <span class="relative z-10">Play Now</span>
319
  <span class="absolute inset-0 bg-gradient-to-br from-black-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
320
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
321
  </a>
322
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group glass-card px-8 py-4 rounded-full font-bold text-lg neon-text transition-all duration-300 hover:text-white hover:shadow-neon-sm border-neon">
323
  <span class="relative z-10">Welcome Offer</span>
324
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
325
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
 
351
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">CALETA</div>
352
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GMW</div>
353
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED RAKE</div>
354
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">TRIPLE CHERRY</div>
355
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ONLYPLAY</div>
356
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMING CORP</div>
357
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">EURASIAN GAMING</div>
358
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMZIX</div>
359
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">NETGAMING</div>
360
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ELAGAMES</div>
361
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BOLDPLAY</div>
362
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED TIGER</div>
363
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">PLAY'N GO</div>
364
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">IGT</div>
365
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">7777 GAMING</div>
366
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">KA GAMING</div>
367
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">SPINORO</div>
368
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">3OAKS GAMING</div>
369
 
370
  <!-- Duplicate Content for seamless loop -->
371
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BETSOFT</div>
 
377
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">CALETA</div>
378
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GMW</div>
379
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED RAKE</div>
380
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">TRIPLE CHERRY</div>
381
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ONLYPLAY</div>
382
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMING CORP</div>
383
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">EURASIAN GAMING</div>
384
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">GAMZIX</div>
385
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">NETGAMING</div>
386
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">ELAGAMES</div>
387
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">BOLDPLAY</div>
388
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">RED TIGER</div>
389
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">PLAY'N GO</div>
390
  <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">IGT</div>
391
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">7777 GAMING</div>
392
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">KA GAMING</div>
393
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">SPINORO</div>
394
+ <div class="mx-6 w-24 h-16 flex items-center justify-center neon-text font-bold">3OAKS GAMING</div>
395
  </div>
396
  </div>
397
  </div>
 
422
  <i class="fab fa-cc-paypal group-hover:drop-shadow-[0_0_8px_rgba(255,95,31,0.8)]"></i>
423
  <div class="absolute inset-0 rounded-full group-hover:bg-neon/10 group-hover:animate-ping opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
424
  </div>
 
 
 
 
425
  <div class="text-3xl text-gray-300 hover:text-neon transition group relative">
426
  <i class="fas fa-university group-hover:drop-shadow-[0_0_8px_rgba(255,95,31,0.8)]"></i>
427
  <div class="absolute inset-0 rounded-full group-hover:bg-neon/10 group-hover:animate-ping opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
 
446
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-WHITE text-2xl font-bold mb-6">1</div>
447
  <h3 class="text-xl font-bold mb-3">Create Your Account</h3>
448
  <p class="text-gray-400 mb-4">Sign up with your email in seconds. No credit card required!</p>
449
+ <a href="https://nioplay.net" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Get Started →</a>
450
  </div>
451
 
452
  <!-- Step 2 -->
 
454
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-white text-2xl font-bold mb-6">2</div>
455
  <h3 class="text-xl font-bold mb-3">Claim Welcome Bonus</h3>
456
  <p class="text-gray-400 mb-4">Get your exclusive bonus credits just for joining!</p>
457
+ <a href="https://nioplay.net" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Claim Offer →</a>
458
  </div>
459
 
460
  <!-- Step 3 -->
 
462
  <div class="w-16 h-16 rounded-full bg-neon flex items-center justify-center text-white text-2xl font-bold mb-6">3</div>
463
  <h3 class="text-xl font-bold mb-3">Play & Win!</h3>
464
  <p class="text-gray-400 mb-4">Instantly explore hundreds of games and start winning!</p>
465
+ <a href="https://nioplay.net" target="_blank" class="mt-auto neon-text font-medium hover:text-neon transition">Start Playing →</a>
466
  </div>
467
  </div>
468
  </div>
 
522
  <h2 class="text-3xl font-bold mb-2 neon-text">Top Games of the Month</h2>
523
  <p class="text-gray-400">Discover our players' favorite titles</p>
524
  </div>
525
+ <a href="https://nioplay.net" target="_blank" class="mt-4 md:mt-0 relative overflow-hidden group glass-card px-8 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-white hover:shadow-neon-sm border-neon">
526
  <span class="relative z-10">View All Games</span>
527
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
528
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
 
766
  <p class="text-sm">Volatility: Medium</p>
767
  <div class="volatility-meter mb-4"></div>
768
  </div>
769
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-orange-600 text-black px-4 py-2 rounded font-bold text-sm transition-all duration-300 hover:shadow-neon hover:scale-105">
770
  <span class="relative z-10">Play Now</span>
771
  <span class="absolute inset-0 bg-gradient-to-br from-green-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
772
  </a>
 
789
  <p class="text-sm">Volatility: High</p>
790
  <div class="volatility-meter mb-4"></div>
791
  </div>
792
+ <a href="https://nioplay.net" target="_blank" class="bg-neon text-black px-4 py-2 rounded font-bold hover:bg-green-400 transition mt-2 text-sm">Play Now</a>
793
  </div>
794
  </div>
795
  </div>
 
809
  <p class="text-sm">Volatility: Medium</p>
810
  <div class="volatility-meter mb-4"></div>
811
  </div>
812
+ <a href="https://nioplay.net" target="_blank" class="bg-neon text-black px-4 py-2 rounded font-bold hover:bg-green-400 transition mt-2 text-sm">Play Now</a>
813
  </div>
814
  </div>
815
  </div>
816
  </div>
817
 
818
  <div class="text-center mt-10">
819
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group glass-card px-6 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-white hover:shadow-neon-sm border-neon inline-flex items-center">
820
  <span class="relative z-10">View All 1,000+ Games →</span>
821
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
822
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
 
888
  <span class="text-neon font-bold">Gold</span>
889
  <span class="text-gray-400">Platinum</span>
890
  </div>
891
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group glass-card inline-block px-8 py-3 rounded-full font-bold neon-text transition-all duration-300 hover:text-white hover:shadow-neon-sm border-neon">
892
  <span class="relative z-10">Unlock VIP Status</span>
893
  <span class="absolute inset-0 bg-neon/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
894
  <span class="absolute -bottom-1 -left-1 w-3 h-3 rounded-full bg-neon animate-ping"></span>
 
946
  </div>
947
  </div>
948
 
949
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group bg-gradient-to-r from-neon to-white-600 text-black font-bold text-lg px-12 py-4 rounded-full transition-all duration-300 hover:shadow-neon hover:scale-105 flex items-center">
950
  <span class="relative z-10">Claim Bonus <i class="fas fa-arrow-right ml-2"></i></span>
951
  <span class="absolute inset-0 bg-gradient-to-r from-white-400 to-neon opacity-0 group-hover:opacity-100 transition-opacity duration-300"></span>
952
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
 
1131
  <p class="neon-text">SC 142,839 claimed yesterday!</p>
1132
  </div>
1133
  </div>
1134
+ <a href="https://nioplay.net" target="_blank" class="relative overflow-hidden group bg-gradient-to-br from-neon to-white-500 text-white text-xl font-bold px-14 py-5 rounded-full transition-all duration-500 hover:shadow-neon hover:scale-105 inline-block animate-button-pulse hover:animate-float">
1135
  <span class="relative z-10">Join Now</span>
1136
  <span class="absolute inset-0 bg-gradient-to-r from-neon/80 via-orange-500/50 to-neon/80 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-[length:200%_100%] animate-shine"></span>
1137
  <span class="absolute -top-1 -right-1 w-4 h-4 rounded-full bg-white animate-ping"></span>
 
1148
  <div class="grid md:grid-cols-4 gap-10 mb-10">
1149
  <div>
1150
  <div class="flex items-center mb-6">
1151
+ <img src="https://i.postimg.cc/v85LHycn/Untitled-design-2.png" alt="Nioplay Logo" class="w-16 h-16 rounded-full mr-3">
1152
  <h3 class="text-xl font-bold neon-text">NIOPLAY SOCIAL CASINO</h3>
1153
  </div>
1154
+
1155
  <div class="flex space-x-4">
1156
+ <a href="https://www.facebook.com/nioplaycasino" class="text-gray-400 hover:text-neon transition">
1157
  <i class="fab fa-facebook text-2xl"></i>
1158
  </a>
1159
+ <a href="https://www.instagram.com/nioplaycasino" class="text-gray-400 hover:text-neon transition">
1160
  <i class="fab fa-instagram text-2xl"></i>
1161
  </a>
1162
+ <a href="https://x.com/nioplaycasino" class="text-gray-400 hover:text-neon transition">
1163
  <i class="fab fa-twitter text-2xl"></i>
1164
  </a>
1165
+ <a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">
1166
  <i class="fab fa-discord text-2xl"></i>
1167
  </a>
1168
  </div>
 
1171
  <div>
1172
  <h4 class="font-bold text-lg mb-6 neon-text">Quick Links</h4>
1173
  <ul class="space-y-3">
1174
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Home</a></li>
1175
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Games</a></li>
1176
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Promotions</a></li>
1177
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Affiliates</a></li>
1178
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">About Us</a></li>
1179
  </ul>
1180
  </div>
1181
 
1182
  <div>
1183
  <h4 class="font-bold text-lg mb-6 neon-text">Support</h4>
1184
  <ul class="space-y-3">
1185
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Live Chat</a></li>
1186
+ <li><a href="https://nio-prod-storage.s3.amazonaws.com/production/assets/desktop/cms/termhg-1751639205836.pdf" class="text-gray-400 hover:text-neon transition">FAQ</a></li>
1187
+ <li><a href="https://nioplay.net" class="text-gray-400 hover:text-neon transition">Contact Us</a></li>
1188
+ <li><a href="https://nio-prod-storage.s3.amazonaws.com/production/assets/desktop/cms/terms-conditions-1751639228095.pdf" class="text-gray-400 hover:text-neon transition">Terms & Conditions</a></li>
1189
+ <li><a href="https://nio-prod-storage.s3.amazonaws.com/production/assets/desktop/cms/private-policy-1749020323281.pdf" class="text-gray-400 hover:text-neon transition">Privacy Policy</a></li>
1190
  </ul>
1191
  </div>
1192
 
 
1199
  <button class="bg-neon text-black px-4 py-3 rounded-r font-medium hover:bg-green-400 transition">GO</button>
1200
  </div>
1201
  </form>
1202
+ <p class="text-xs text-gray-500">By subscribing you confirm you are at least 18 years of age and agree to Nioplay Social Casino's Terms & Conditions.</p>
1203
  </div>
1204
  </div>
1205