ProjectGenesis's picture
Promote version b1b47f7 to main
e5d9443 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FiveXBet.com - Coming Soon</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
neonblue: '#0ff0fc',
neonmagenta: '#ff00ff',
dark: '#0a0a0a',
}
}
}
}
</script>
</head>
<body class="bg-dark w-full relative">
<!-- Background Elements -->
<div class="absolute inset-0 overflow-hidden">
<div class="cosmic-web absolute inset-0"></div>
<div class="lens-flare absolute top-1/4 right-1/4 w-20 h-20 rounded-full bg-neonblue blur-3xl opacity-10 animate-pulse"></div>
<div class="lens-flare absolute bottom-1/4 left-1/4 w-20 h-20 rounded-full bg-neonmagenta blur-3xl opacity-10 animate-pulse"></div>
</div>
<!-- Header -->
<header class="relative z-10 bg-black/70 backdrop-blur-sm border-b border-gray-800">
<div class="container mx-auto px-6 py-4">
<div class="provider-carousel-container relative overflow-hidden">
<div class="provider-carousel flex gap-8 items-center">
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" class="w-6 h-6" alt="BTC"><span class="provider-tooltip">Bitcoin (BTC)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" class="w-6 h-6" alt="ETH"><span class="provider-tooltip">Ethereum (ETH)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/tether-usdt-logo.png" class="w-6 h-6" alt="USDT"><span class="provider-tooltip">Tether (USDT)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/litecoin-ltc-logo.png" class="w-6 h-6" alt="LTC"><span class="provider-tooltip">Litecoin (LTC)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/dogecoin-doge-logo.png" class="w-6 h-6" alt="DOGE"><span class="provider-tooltip">Dogecoin (DOGE)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/solana-sol-logo.png" class="w-6 h-6" alt="SOL"><span class="provider-tooltip">Solana (SOL)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/cardano-ada-logo.png" class="w-6 h-6" alt="ADA"><span class="provider-tooltip">Cardano (ADA)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/polygon-matic-logo.png" class="w-6 h-6" alt="MATIC"><span class="provider-tooltip">Polygon (MATIC)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" class="w-6 h-6" alt="BNB"><span class="provider-tooltip">BNB (BNB)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/ripple-xrp-logo.png" class="w-6 h-6" alt="XRP"><span class="provider-tooltip">XRP (XRP)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/avalanche-avax-logo.png" class="w-6 h-6" alt="AVAX"><span class="provider-tooltip">Avalanche (AVAX)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/polkadot-new-dot-logo.png" class="w-6 h-6" alt="DOT"><span class="provider-tooltip">Polkadot (DOT)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/chainlink-link-logo.png" class="w-6 h-6" alt="LINK"><span class="provider-tooltip">Chainlink (LINK)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/uniswap-uni-logo.png" class="w-6 h-6" alt="UNI"><span class="provider-tooltip">Uniswap (UNI)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/bitcoin-cash-bch-logo.png" class="w-6 h-6" alt="BCH"><span class="provider-tooltip">Bitcoin Cash (BCH)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/stellar-xlm-logo.png" class="w-6 h-6" alt="XLM"><span class="provider-tooltip">Stellar (XLM)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/filecoin-fil-logo.png" class="w-6 h-6" alt="FIL"><span class="provider-tooltip">Filecoin (FIL)</span></span>
<span class="provider-logo text-white group"><img src="https://cryptologos.cc/logos/vechain-vet-logo.png" class="w-6 h-6" alt="VET"><span class="provider-tooltip">VeChain (VET)</span></span>
<span class="provider-logo text-neonblue group"><img src="https://cryptologos.cc/logos/the-graph-grt-logo.png" class="w-6 h-6" alt="GRT"><span class="provider-tooltip">The Graph (GRT)</span></span>
<span class="provider-logo text-neonmagenta group"><img src="https://cryptologos.cc/logos/theta-network-theta-logo.png" class="w-6 h-6" alt="THETA"><span class="provider-tooltip">Theta Network (THETA)</span></span>
</div>
</div>
</div>
</header>
<!-- Brand Logo -->
<div class="relative z-10 text-center pt-8 flex flex-col items-center">
<img src="https://i.postimg.cc/RCW9dG73/Untitled-design.png" alt="FiveXBet Logo" class="w-32 h-32 mb-4 rounded-full object-cover">
<div class="brand-logo text-4xl md:text-5xl font-bold inline-block">
<span class="text-neonblue drop-shadow-[0_0_8px_rgba(15,240,252,0.7)]">Pre-Registration</span>
<span class="text-neonmagenta drop-shadow-[0_0_8px_rgba(255,0,255,0.7)]">Event</span>
<span class="text-white text-sm"></span>
</div>
</div>
<!-- Main Hero -->
<main class="relative z-10 h-full">
<div class="container mx-auto px-6 h-full flex flex-col justify-center items-center">
<!-- Title Block -->
<div class="text-center mb-12 relative">
<div class="crypto-coins absolute -top-20 -left-20 w-40 h-40 rounded-full bg-neonblue/10 blur-xl"></div>
<div class="crypto-coins absolute -bottom-20 -right-20 w-40 h-40 rounded-full bg-neonmagenta/10 blur-xl"></div>
<h1 class="text-5xl md:text-7xl font-bold mb-6 text-white">
<span class="text-neonblue drop-shadow-[0_0_8px_rgba(15,240,252,0.7)]">FIVEXBET</span>
<span class="text-neonmagenta">CRYPTO CASINO</span>
<span class="block text-2xl md:text-4xl mt-4 font-medium text-white">Pre-Register for a chance to win <span class="text-orange-500">2 BTC</span></span>
</h1>
<p class="text-gray-300 text-lg md:text-xl mb-8 flex flex-wrap justify-center gap-4">
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" class="w-5 h-5 mr-2" alt="BTC"> BTC<span class="provider-tooltip">Bitcoin</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" class="w-5 h-5 mr-2" alt="ETH"> ETH<span class="provider-tooltip">Ethereum</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/tether-usdt-logo.png" class="w-5 h-5 mr-2" alt="USDT"> USDT<span class="provider-tooltip">Tether</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/litecoin-ltc-logo.png" class="w-5 h-5 mr-2" alt="LTC"> LTC<span class="provider-tooltip">Litecoin</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/dogecoin-doge-logo.png" class="w-5 h-5 mr-2" alt="DOGE"> DOGE<span class="provider-tooltip">Dogecoin</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/solana-sol-logo.png" class="w-5 h-5 mr-2" alt="SOL"> SOL<span class="provider-tooltip">Solana</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/cardano-ada-logo.png" class="w-5 h-5 mr-2" alt="ADA"> ADA<span class="provider-tooltip">Cardano</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/polygon-matic-logo.png" class="w-5 h-5 mr-2" alt="MATIC"> MATIC<span class="provider-tooltip">Polygon</span></span>
<span class="flex items-center group"><img src="https://cryptologos.cc/logos/bnb-bnb-logo.png" class="w-5 h-5 mr-2" alt="BNB"> BNB<span class="provider-tooltip">BNB</span></span>
</p>
</div>
<!-- Countdown Timer -->
<div class="countdown-container relative mb-12">
<div class="countdown-grid">
<!-- Days -->
<div class="countdown-item">
<svg class="countdown-svg" viewBox="0 0 100 100">
<circle class="countdown-track" cx="50" cy="50" r="45"></circle>
<circle class="countdown-progress days-progress" cx="50" cy="50" r="45"
stroke-dasharray="283" stroke-dashoffset="0"></circle>
</svg>
<div class="countdown-content">
<div class="text-4xl md:text-5xl font-bold text-white" id="days">00</div>
<div class="text-neonblue text-sm uppercase tracking-wider">Days</div>
</div>
</div>
<!-- Hours -->
<div class="countdown-item">
<svg class="countdown-svg" viewBox="0 0 100 100">
<circle class="countdown-track" cx="50" cy="50" r="45"></circle>
<circle class="countdown-progress hours-progress" cx="50" cy="50" r="45"
stroke-dasharray="283" stroke-dashoffset="0"></circle>
</svg>
<div class="countdown-content">
<div class="text-4xl md:text-5xl font-bold text-white" id="hours">00</div>
<div class="text-neonmagenta text-sm uppercase tracking-wider">Hours</div>
</div>
</div>
<!-- Minutes -->
<div class="countdown-item">
<svg class="countdown-svg" viewBox="0 0 100 100">
<circle class="countdown-track" cx="50" cy="50" r="45"></circle>
<circle class="countdown-progress minutes-progress" cx="50" cy="50" r="45"
stroke-dasharray="283" stroke-dashoffset="0"></circle>
</svg>
<div class="countdown-content">
<div class="text-4xl md:text-5xl font-bold text-white" id="minutes">00</div>
<div class="text-neonblue text-sm uppercase tracking-wider">Minutes</div>
</div>
</div>
<!-- Seconds -->
<div class="countdown-item">
<svg class="countdown-svg" viewBox="0 0 100 100">
<circle class="countdown-track" cx="50" cy="50" r="45"></circle>
<circle class="countdown-progress seconds-progress" cx="50" cy="50" r="45"
stroke-dasharray="283" stroke-dashoffset="0"></circle>
</svg>
<div class="countdown-content">
<div class="text-4xl md:text-5xl font-bold text-white" id="seconds">00</div>
<div class="text-neonmagenta text-sm uppercase tracking-wider">Seconds</div>
</div>
</div>
</div>
<div class="text-center mt-6">
<div class="inline-block px-4 py-2 bg-black/30 backdrop-blur-sm border border-neonblue/30 rounded-full">
<p class="text-neonblue text-sm tracking-wider">Launch Window: Q1 2026</p>
</div>
</div>
</div>
<!-- Pre-Registration CTA -->
<div class="w-full max-w-md mb-16">
<div class="flex flex-col md:flex-row gap-2">
<input type="email" placeholder="Enter your email" class="flex-grow bg-black/30 backdrop-blur-sm border border-neonblue/50 text-white px-4 py-3 rounded-lg focus:outline-none focus:ring-2 focus:ring-neonblue focus:border-transparent placeholder-gray-500">
<a href="https://facebook.com/FIVExBET" class="bg-gradient-to-r from-neonblue to-neonmagenta text-white font-bold px-6 py-3 rounded-lg hover:opacity-90 transition duration-300 shadow-lg hover:shadow-neonblue/30 inline-flex justify-center items-center">Pre-Register</a>
</div>
<p class="text-center text-gray-400 text-sm mt-2">Pre-Register for a chance to win 2 BTC. Taxes and fees not included.</p>
</div>
<!-- Game Thumbnail Carousel -->
<div class="w-full max-w-5xl relative mb-8">
<div class="game-carousel-container relative overflow-hidden">
<div class="game-carousel flex gap-6 py-4">
<!-- 10 game thumbnails -->
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/FsLtyHPs/coin-lamp-hit-the-bonus-3oaks.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/bdXBC16Y/8-D84-DE57-14-FF-43-F4-B6-AD-6-C8-CF49-AD964.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/BvdH1Ntv/402-B193-D-9-CAF-4-FEE-BF48-B037-F1-D89131.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/5NNYyDp3/A256-BCF8-7519-435-C-918-D-3-F3538-B1900-C.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/wxWxfMcX/45-E7440-B-B25-F-481-A-9781-719283-EFECCE.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/8PQGnvfr/AEDAA2-CC-038-E-46-CE-852-B-F94251754767.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/tgR744PD/Screenshot-2025-06-26-at-7-31-32-PM.png$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/bwRqnvJS/741-A07-C3-A499-4-B80-A9-D8-FE147-CF3-D9-E2.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/RVDFFhWS/B1917-EA4-6-A2-F-4873-A09-C-873-B7827238-F.jpg$0')"></div>
<div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/HLhD08Cn/61-CFFC55-2-E0-F-4063-8-DF4-60125-D4554-B3.jpg$0')"></div>
</div>
</div>
<div class="carousel-arrows absolute top-1/2 left-0 right-0 flex justify-between transform -translate-y-1/2 px-4 pointer-events-none">
<div class="arrow-left w-6 h-6 border-l-2 border-t-2 border-neonblue transform -rotate-45 opacity-70"></div>
<div class="arrow-right w-6 h-6 border-r-2 border-t-2 border-neonmagenta transform rotate-45 opacity-70"></div>
</div>
</div>
</div>
</main>
<!-- Facebook Promo Popup -->
<div class="facebook-popup hidden md:block">
<div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
<div class="flex items-center mb-2">
<i data-feather="facebook" class="w-5 h-5 mr-2 text-neonblue"></i>
<span class="font-bold text-white">Follow us on Facebook</span>
</div>
<p class="text-gray-300 text-sm mb-3">Pre-Register now for a chance to win 2 BTC!</p>
<a href="https://www.facebook.com/FIVExBET" target="_blank" class="w-full bg-gradient-to-r from-neonblue/80 to-neonmagenta/80 text-white text-sm font-bold py-2 rounded hover:opacity-90 transition duration-300 flex justify-center items-center">Follow FIVExBET</a>
</div>
</div>
<script>
feather.replace();
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html>