ProjectGenesis's picture
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';
});
}
});