Create a single-page “COMING SOON” landing screen for FiveXBet.com in a neon blue and neon magenta cyber-casino aesthetic. One seamless above-the-fold layout only. Do NOT generate multiple pages. The entire design should use full-width horizontal layout with minimal side margins.
fa12edd
verified
| document.addEventListener('DOMContentLoaded', function() { | |
| // Countdown Timer | |
| function updateCountdown() { | |
| const launchDate = new Date('January 1, 2026 00:00:00').getTime(); | |
| const now = new Date().getTime(); | |
| const distance = launchDate - now; | |
| const days = Math.floor(distance / (1000 * 60 * 60 * 24)); | |
| const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); | |
| const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); | |
| const seconds = Math.floor((distance % (1000 * 60)) / 1000); | |
| document.querySelectorAll('.countdown-number')[0].textContent = days.toString().padStart(2, '0'); | |
| document.querySelectorAll('.countdown-number')[1].textContent = hours.toString().padStart(2, '0'); | |
| document.querySelectorAll('.countdown-number')[2].textContent = minutes.toString().padStart(2, '0'); | |
| document.querySelectorAll('.countdown-number')[3].textContent = seconds.toString().padStart(2, '0'); | |
| } | |
| setInterval(updateCountdown, 1000); | |
| updateCountdown(); | |
| // Randomize game thumbnail backgrounds for variety | |
| const gameThumbnails = document.querySelectorAll('.game-thumbnail, .game-thumbnail-sm'); | |
| const categories = ['casino', 'gaming', 'slot', 'poker', 'blackjack', 'roulette']; | |
| gameThumbnails.forEach(thumb => { | |
| const randomCat = categories[Math.floor(Math.random() * categories.length)]; | |
| const randomSeed = Math.floor(Math.random() * 1000); | |
| thumb.style.backgroundImage = `url(http://static.photos/${randomCat}/200x200/${randomSeed})`; | |
| }); | |
| // Mobile menu toggle | |
| const mobileMenuButton = document.getElementById('mobile-menu-button'); | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (mobileMenuButton && mobileMenu) { | |
| mobileMenuButton.addEventListener('click', function() { | |
| mobileMenu.classList.toggle('hidden'); | |
| }); | |
| } | |
| // Facebook promo close button | |
| const closePromo = document.getElementById('close-promo'); | |
| const facebookPromo = document.querySelector('.fixed.bottom-4.right-4'); | |
| if (closePromo && facebookPromo) { | |
| closePromo.addEventListener('click', function() { | |
| facebookPromo.style.display = 'none'; | |
| }); | |
| } | |
| }); |