Spaces:

Ghust68
/

try

Running

App Files Files Community

Ghust68 commited on 28 days ago

Commit

62c3f24

verified ·

1 Parent(s): f4a991b

- Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +667 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Try
-emoji: 😻
-colorFrom: indigo
 colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: try
+emoji: 🐳
+colorFrom: pink
 colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,667 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Jackpot.bet | Crypto Casino & Online Betting Site</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @keyframes jackpotRoll {
+            0% { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .jackpot-digits {
+            display: inline-block;
+            white-space: nowrap;
+            animation: jackpotRoll 30s linear infinite;
+        }
+        .gradient-text {
+            background: linear-gradient(90deg, #f6d365 0%, #fda085 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .game-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .nav-item::after {
+            content: '';
+            display: block;
+            width: 0;
+            height: 2px;
+            background: #f6d365;
+            transition: width .3s;
+        }
+        .nav-item:hover::after {
+            width: 100%;
+        }
+        .dropdown:hover .dropdown-menu {
+            display: block;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-white font-sans">
+    <!-- Header with Navigation -->
+    <header class="sticky top-0 z-50 bg-gray-900 border-b border-gray-800">
+        <div class="container mx-auto px-4">
+            <!-- Top Bar with Crypto Prices -->
+            <div class="bg-gray-800 py-2 hidden md:block">
+                <div class="flex items-center justify-between overflow-x-auto">
+                    <div class="flex space-x-6">
+                        <div class="flex items-center space-x-2">
+                            <img src="https://cdn.jackpot.bet/images/currencies/btc.svg" alt="Bitcoin" class="w-5 h-5">
+                            <span class="text-xs font-medium">BTC</span>
+                            <span class="text-xs text-green-400">$117,895.67</span>
+                        </div>
+                        <div class="flex items-center space-x-2">
+                            <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="Ethereum" class="w-5 h-5">
+                            <span class="text-xs font-medium">ETH</span>
+                            <span class="text-xs text-green-400">$3,548.25</span>
+                        </div>
+                        <div class="flex items-center space-x-2">
+                            <img src="https://cdn.jackpot.bet/images/currencies/ltc.svg" alt="Litecoin" class="w-5 h-5">
+                            <span class="text-xs font-medium">LTC</span>
+                            <span class="text-xs text-green-400">$101.50</span>
+                        </div>
+                        <div class="flex items-center space-x-2">
+                            <img src="https://cdn.jackpot.bet/images/currencies/sol-2.svg" alt="Solana" class="w-5 h-5">
+                            <span class="text-xs font-medium">SOL</span>
+                            <span class="text-xs text-green-400">$176.79</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center space-x-4">
+                        <a href="#" class="text-xs text-blue-400 hover:underline">Live Support</a>
+                        <a href="#" class="text-xs text-blue-400 hover:underline">Refer and Earn</a>
+                    </div>
+                </div>
+            </div>
+            <!-- Main Navigation -->
+            <nav class="flex items-center justify-between py-4">
+                <!-- Left Side - Logo and Main Nav -->
+                <div class="flex items-center space-x-8">
+                    <a href="#" class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/header_logo.svg" alt="Jackpot.bet" class="h-10">
+                    </a>
+                    <div class="hidden lg:flex space-x-6">
+                        <div class="relative group">
+                            <button class="nav-item flex items-center font-medium text-gray-300 hover:text-white">
+                                <span>Casino</span>
+                                <i class="fas fa-chevron-down ml-1 text-xs"></i>
+                            </button>
+                            <div class="dropdown-menu absolute hidden group-hover:block mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10">
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Home</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Featured</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Rewards</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Competitions <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full ml-2">7</span></a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Points <span class="bg-blue-500 text-white text-xs px-2 py-1 rounded-full ml-2">NEW</span></a>
+                            </div>
+                        </div>
+                        <div class="relative group">
+                            <button class="nav-item flex items-center font-medium text-gray-300 hover:text-white">
+                                <span>Games</span>
+                                <i class="fas fa-chevron-down ml-1 text-xs"></i>
+                            </button>
+                            <div class="dropdown-menu absolute hidden group-hover:block mt-2 w-48 bg-gray-800 rounded-md shadow-lg z-10">
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Originals</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Slots</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Table Games</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Game Shows</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Blackjack</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Roulette</a>
+                                <a href="#" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-700 hover:text-white">Baccarat</a>
+                            </div>
+                        </div>
+                        <a href="#" class="nav-item font-medium text-gray-300 hover:text-white">Sports</a>
+                    </div>
+                </div>
+                <!-- Right Side - Auth Buttons and Mobile Menu -->
+                <div class="flex items-center space-x-4">
+                    <div class="hidden md:block">
+                        <a href="#" class="bg-gradient-to-r from-yellow-500 to-orange-500 hover:from-yellow-600 hover:to-orange-600 text-white font-medium py-2 px-6 rounded-full transition duration-300">Login</a>
+                        <a href="#" class="bg-transparent border border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-white font-medium py-2 px-6 rounded-full ml-2 transition duration-300">Register</a>
+                    </div>
+                    <button class="lg:hidden text-gray-300 focus:outline-none">
+                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
+                        </svg>
+                    </button>
+                </div>
+            </nav>
+        </div>
+    </header>
+    <!-- Global Jackpot Banner -->
+    <div class="bg-gradient-to-r from-purple-900 to-indigo-900 py-4">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col md:flex-row items-center justify-between">
+                <div class="flex items-center mb-4 md:mb-0">
+                    <div class="bg-yellow-500 rounded-full p-2 mr-3">
+                        <svg class="w-6 h-6 text-black" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                        </svg>
+                    </div>
+                    <div>
+                        <h3 class="text-lg font-bold">GLOBAL POT</h3>
+                        <div class="overflow-hidden">
+                            <div class="jackpot-digits text-2xl font-bold gradient-text">
+                                $ 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 . 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a href="#" class="bg-white text-purple-900 hover:bg-gray-100 font-medium py-2 px-6 rounded-full transition duration-300 flex items-center">
+                    Play to Win <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
+                </a>
+            </div>
+        </div>
+    </div>
+    <!-- Hero Section with Promo Cards -->
+    <section class="py-8 bg-gray-900">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <!-- Promo Card 1 -->
+                <div class="relative rounded-xl overflow-hidden group">
+                    <img src="https://cdn.jackpot.bet/images/jp-airdrop-2.jpg" alt="$JACKPOT Airdrop" class="w-full h-full object-cover transition duration-300 group-hover:scale-105">
+                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
+                        <h3 class="text-xl font-bold text-white">$JACKPOT Airdrop</h3>
+                        <p class="text-gray-300 text-sm mt-1">Earn your share in the $JACKPOT Airdrop</p>
+                    </div>
+                </div>
+                <!-- Promo Card 2 -->
+                <div class="relative rounded-xl overflow-hidden group">
+                    <img src="https://cdn.jackpot.bet/images/jackpot-card-2.png" alt="Global Pot" class="w-full h-full object-cover transition duration-300 group-hover:scale-105">
+                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
+                        <h3 class="text-xl font-bold text-white">Global Pot</h3>
+                        <p class="text-gray-300 text-sm mt-1">Play any game with a chance to win</p>
+                    </div>
+                </div>
+                <!-- Promo Card 3 -->
+                <div class="relative rounded-xl overflow-hidden group">
+                    <img src="https://cdn.jackpot.bet/images/degen-mining-card-2.jpg" alt="Degen Mining" class="w-full h-full object-cover transition duration-300 group-hover:scale-105">
+                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
+                        <h3 class="text-xl font-bold text-white">Degen Mining</h3>
+                        <p class="text-gray-300 text-sm mt-1">Our exclusive original game</p>
+                    </div>
+                </div>
+                <!-- Promo Card 4 -->
+                <div class="relative rounded-xl overflow-hidden group">
+                    <img src="https://cdn.jackpot.bet/images/comp-card-weekly-jul-14.jpg" alt="Competitions" class="w-full h-full object-cover transition duration-300 group-hover:scale-105">
+                    <div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex flex-col justify-end p-4">
+                        <h3 class="text-xl font-bold text-white">Competitions</h3>
+                        <p class="text-gray-300 text-sm mt-1">Win prizes in weekly challenges</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Featured Games Section -->
+    <section class="py-12 bg-gray-900">
+        <div class="container mx-auto px-4">
+            <div class="flex justify-between items-center mb-8">
+                <h2 class="text-2xl font-bold flex items-center">
+                    <img src="https://cdn.jackpot.bet/images/categories/featured.svg" alt="Featured" class="w-8 h-8 mr-2">
+                    Featured Games
+                </h2>
+                <a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center">
+                    View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
+                </a>
+            </div>
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+                <!-- Game Card 1 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/degen-mining.jpg" alt="Degen Mining" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Degen Mining</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Jackpot</span>
+                            <span class="text-xs text-yellow-500">New</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Game Card 2 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/sweet_bonanza_1000_pragmaticplay.png" alt="Sweet Bonanza 1000" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Sweet Bonanza 1000</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Pragmatic</span>
+                            <span class="text-xs text-yellow-500">Hot</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Game Card 3 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/hacksaw_le_king.jpg" alt="Le King" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Le King</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Hacksaw</span>
+                            <span class="text-xs text-green-500">Popular</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Game Card 4 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/no_limitcity_homeof_thebrave%20(2).jpg" alt="Home of the Brave" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Home of the Brave</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Nolimit</span>
+                            <span class="text-xs text-purple-500">Trending</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Game Card 5 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/pragmatic_play_gatesof_olympussuperscatter.jpg" alt="Gates of Olympus" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Gates of Olympus</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Pragmatic</span>
+                            <span class="text-xs text-yellow-500">Hot</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Game Card 6 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/hacksaw_spinman.jpg" alt="Spinman" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Spinman</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Hacksaw</span>
+                            <span class="text-xs text-green-500">Popular</span>
+                        </div>
+                    </div>
+                </a>
+            </div>
+        </div>
+    </section>
+    <!-- Jackpot Originals Section -->
+    <section class="py-12 bg-gray-900">
+        <div class="container mx-auto px-4">
+            <div class="flex justify-between items-center mb-8">
+                <h2 class="text-2xl font-bold flex items-center">
+                    <img src="https://cdn.jackpot.bet/images/categories/original.svg" alt="Jackpot Originals" class="w-8 h-8 mr-2">
+                    Jackpot Originals
+                </h2>
+                <a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center">
+                    View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
+                </a>
+            </div>
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
+                <!-- Original Game 1 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/dice.png" alt="Dice" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Dice</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-yellow-500">Top</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Original Game 2 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/plinko-2.jpg" alt="Plinko" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Plinko</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-green-500">Popular</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Original Game 3 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/keno.png" alt="Keno" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Keno</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-purple-500">New</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Original Game 4 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/limbo.png" alt="Limbo" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Limbo</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-yellow-500">Hot</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Original Game 5 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/roulette.png" alt="Roulette" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Roulette</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-green-500">Classic</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- Original Game 6 -->
+                <a href="#" class="game-card bg-gray-800 rounded-lg overflow-hidden transition duration-300">
+                    <img src="https://cdn.jackpot.bet/thumbnails/mines.png" alt="Mines" class="w-full h-32 object-cover">
+                    <div class="p-3">
+                        <h3 class="text-sm font-medium truncate">Mines</h3>
+                        <div class="flex justify-between items-center mt-2">
+                            <span class="text-xs text-gray-400">Original</span>
+                            <span class="text-xs text-purple-500">Trending</span>
+                        </div>
+                    </div>
+                </a>
+            </div>
+        </div>
+    </section>
+    <!-- Game Providers Section -->
+    <section class="py-12 bg-gray-900">
+        <div class="container mx-auto px-4">
+            <div class="flex justify-between items-center mb-8">
+                <h2 class="text-2xl font-bold flex items-center">
+                    <img src="https://cdn.jackpot.bet/images/categories/provider.svg" alt="Providers" class="w-8 h-8 mr-2">
+                    Game Providers
+                </h2>
+                <a href="#" class="text-yellow-500 hover:text-yellow-400 flex items-center">
+                    View All <svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
+                </a>
+            </div>
+            <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-8 gap-4">
+                <!-- Provider 1 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/jackpot.png" alt="Jackpot Originals" class="h-10">
+                </a>
+                <!-- Provider 2 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/pragmatic.png" alt="Pragmatic Play" class="h-10">
+                </a>
+                <!-- Provider 3 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/hacksaw.png" alt="Hacksaw" class="h-10">
+                </a>
+                <!-- Provider 4 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/platipus.png" alt="Platipus" class="h-10">
+                </a>
+                <!-- Provider 5 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/octoplay.png" alt="OctoPlay" class="h-10">
+                </a>
+                <!-- Provider 6 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/evolution.png" alt="Evolution" class="h-10">
+                </a>
+                <!-- Provider 7 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/playngo.png" alt="Play'n Go" class="h-10">
+                </a>
+                <!-- Provider 8 -->
+                <a href="#" class="bg-gray-800 hover:bg-gray-700 rounded-lg p-4 flex items-center justify-center transition duration-300">
+                    <img src="https://cdn.jackpot.bet/images/providers/relax.png" alt="Relax Gaming" class="h-10">
+                </a>
+            </div>
+        </div>
+    </section>
+    <!-- Buy Crypto Section -->
+    <section class="py-12 bg-gradient-to-r from-blue-900 to-indigo-900">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
+                    <h2 class="text-3xl font-bold mb-4">No Crypto? No Problem!</h2>
+                    <p class="text-gray-300 mb-6">Available for Visa, Mastercard, Google Pay & Apple Pay.</p>
+                    <button class="bg-white text-blue-900 hover:bg-gray-100 font-medium py-3 px-8 rounded-full transition duration-300 flex items-center">
+                        Buy Now <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg>
+                    </button>
+                    <div class="flex items-center space-x-4 mt-6">
+                        <img src="https://cdn.jackpot.bet/images/apple-pay.png" alt="Apple Pay" class="h-8">
+                        <img src="https://cdn.jackpot.bet/images/mastercard.png" alt="Mastercard" class="h-8">
+                        <img src="https://cdn.jackpot.bet/images/visa.png" alt="Visa" class="h-8">
+                        <img src="https://cdn.jackpot.bet/images/google-pay.png" alt="Google Pay" class="h-8">
+                    </div>
+                </div>
+                <div class="md:w-1/2">
+                    <img src="https://cdn.jackpot.bet/images/nocrypto-banner-2.jpg" alt="Buy Crypto" class="rounded-xl w-full">
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Live Bets Section -->
+    <section class="py-12 bg-gray-900">
+        <div class="container mx-auto px-4">
+            <h2 class="text-2xl font-bold mb-8">Live Bets</h2>
+            <div class="bg-gray-800 rounded-xl overflow-hidden">
+                <div class="grid grid-cols-5 bg-gray-700 text-sm font-medium p-4">
+                    <div class="col-span-2">Game</div>
+                    <div>User</div>
+                    <div>Bet Amount</div>
+                    <div>Multiplier</div>
+                    <div>Payout</div>
+                </div>
+                <!-- Bet Row 1 -->
+                <div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200">
+                    <div class="col-span-2 flex items-center">
+                        <img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3">
+                        <span>Rise of Olympus 100</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2">
+                        <span>wakaaki</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>$0.20</span>
+                    </div>
+                    <div>0.20</div>
+                    <div class="flex items-center text-red-500">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>-$0.16</span>
+                    </div>
+                </div>
+                <!-- Bet Row 2 -->
+                <div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200">
+                    <div class="col-span-2 flex items-center">
+                        <img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3">
+                        <span>Rise of Olympus 100</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2">
+                        <span>wakaaki</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>$0.20</span>
+                    </div>
+                    <div>0.00</div>
+                    <div class="flex items-center text-red-500">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>-$0.20</span>
+                    </div>
+                </div>
+                <!-- Bet Row 3 -->
+                <div class="grid grid-cols-5 border-b border-gray-700 p-4 hover:bg-gray-700/50 transition duration-200">
+                    <div class="col-span-2 flex items-center">
+                        <img src="https://cdn.jackpot.bet/thumbnails/rise_of_olympus_pragmaticplay.jpg" alt="Rise of Olympus" class="w-10 h-10 rounded mr-3">
+                        <span>Rise of Olympus 100</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/ranks/new/4.svg" alt="Rank" class="w-6 h-6 mr-2">
+                        <span>wakaaki</span>
+                    </div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>$0.20</span>
+                    </div>
+                    <div>2.00</div>
+                    <div class="flex items-center text-green-500">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>$0.40</span>
+                    </div>
+                </div>
+                <!-- Bet Row 4 -->
+                <div class="grid grid-cols-5 p-4 hover:bg-gray-700/50 transition duration-200">
+                    <div class="col-span-2 flex items-center">
+                        <img src="https://cdn.jackpot.bet/thumbnails/hacksaw_eye_of_medusa.jpg" alt="Eye of Medusa" class="w-10 h-10 rounded mr-3">
+                        <span>Eye of Medusa</span>
+                    </div>
+                    <div>Hidden</div>
+                    <div class="flex items-center">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>$0.20</span>
+                    </div>
+                    <div>0.00</div>
+                    <div class="flex items-center text-red-500">
+                        <img src="https://cdn.jackpot.bet/images/currencies/eth.svg" alt="ETH" class="w-4 h-4 mr-1">
+                        <span>-$0.20</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 border-t border-gray-800 pt-12 pb-6">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
+                <!-- Column 1 -->
+                <div>
+                    <img src="https://cdn.jackpot.bet/images/header_logo.svg" alt="Jackpot.bet" class="h-10 mb-4">
+                    <p class="text-gray-400 text-sm">
+                        Jackpot.bet is operated by Take The Crown LLC, Euro House, Richmond Hill Road, Kingstown, St.Vincent and the Grenadines (Registration Number: 3701 LLC 2024).
+                    </p>
+                    <div class="flex items-center mt-4">
+                        <span class="bg-yellow-500 text-black text-xs font-bold px-2 py-1 rounded mr-2">18+</span>
+                        <img src="https://8aa83a9e-b8ee-4c2b-b48d-e63cf566faa4.snippet.anjouangaming.org/sealassets/bcd4a891f642584231077c5c1bdb6115-jackpot.bet-0aa147cac96fea2bdcc26d68ba54d939e96bfe0de2fde863945c4334c3f46e334b91cb2e3cf15b45b7ff49bb94748259-c2VhbC5wbmc%3D?status=valid" alt="Verification Seal" class="h-8">
+                    </div>
+                </div>
+                <!-- Column 2 -->
+                <div>
+                    <h3 class="text-lg font-bold mb-4">Policies</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Terms of Service</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports Terms of Service</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports Rules</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Privacy Policy</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">AML & CFT</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Dispute Resolution</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Responsible Gambling</a></li>
+                    </ul>
+                </div>
+                <!-- Column 3 -->
+                <div>
+                    <h3 class="text-lg font-bold mb-4">Support</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Live Support</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Help Center</a></li>
+                    </ul>
+                    <h3 class="text-lg font-bold mt-6 mb-4">Platform Links</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Affiliate Program</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Redeem Code</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">VIP Program</a></li>
+                    </ul>
+                </div>
+                <!-- Column 4 -->
+                <div>
+                    <h3 class="text-lg font-bold mb-4">Socials</h3>
+                    <div class="flex space-x-4 mb-6">
+                        <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200">
+                            <i class="fab fa-twitter"></i>
+                        </a>
+                        <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200">
+                            <i class="fab fa-telegram-plane"></i>
+                        </a>
+                        <a href="#" class="bg-gray-800 hover:bg-gray-700 w-10 h-10 rounded-full flex items-center justify-center transition duration-200">
+                            <i class="fab fa-instagram"></i>
+                        </a>
+                    </div>
+                    <h3 class="text-lg font-bold mb-4">Quick Links</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Home</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Sports</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Rewards</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-200">Login</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-800 pt-6">
+                <p class="text-gray-500 text-sm text-center">© 2024 Jackpot.bet. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+    <!-- Airdrop Notification Modal -->
+    <div class="fixed bottom-4 right-4 z-50">
+        <div class="bg-gradient-to-r from-purple-600 to-blue-600 rounded-xl shadow-xl p-4 w-80 transform transition duration-300 hover:scale-105">
+            <div class="flex justify-between items-start mb-2">
+                <h3 class="font-bold">The $JACKPOT Airdrop has started!</h3>
+                <button class="text-gray-300 hover:text-white">
+                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
+                </button>
+            </div>
+            <p class="text-sm text-gray-200 mb-4">Learn more about Points and how to earn your share in the $JACKPOT Airdrop.</p>
+            <a href="#" class="bg-white text-purple-600 hover:bg-gray-100 font-medium py-2 px-4 rounded-full text-sm w-full block text-center transition duration-300">
+                Learn and Earn
+            </a>
+        </div>
+    </div>
+    <script>
+        // Simple toggle for mobile menu
+        document.addEventListener('DOMContentLoaded', function() {
+            const mobileMenuButton = document.querySelector('.lg\\:hidden');
+            // In a real implementation, you would add click handler to show mobile menu
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Ghust68/try" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>