Hugging Face's logo

Spaces:
likhonsheikhdev
/
bc-game
Running

App Files Community
likhonsheikhdev commited on
Commit
18ea1e4
·
verified ·
1 Parent(s): e985c22

- Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +708 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Bc Game
3
- emoji: 🦀
4
- colorFrom: purple
5
  colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: bc-game
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
  colorTo: pink
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,708 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>BC.GAME: Crypto Casino Games & Casino Slot Games - Crypto Gambling</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
12
+ }
13
+ .game-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .nav-link:hover {
18
+ color: #f6ad55;
19
+ }
20
+ .btn-glow:hover {
21
+ box-shadow: 0 0 15px rgba(246, 173, 85, 0.7);
22
+ }
23
+ .section-divider {
24
+ height: 2px;
25
+ background: linear-gradient(90deg, rgba(246, 173, 85, 0) 0%, rgba(246, 173, 85, 1) 50%, rgba(246, 173, 85, 0) 100%);
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-900 text-gray-100 font-sans">
30
+ <!-- Header -->
31
+ <header class="gradient-bg sticky top-0 z-50 shadow-lg">
32
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
33
+ <div class="flex items-center space-x-2">
34
+ <i class="fab fa-bitcoin text-yellow-500 text-3xl"></i>
35
+ <h1 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-yellow-400 to-yellow-600">
36
+ BC.GAME
37
+ </h1>
38
+ </div>
39
+ <nav class="hidden md:flex space-x-8">
40
+ <a href="#home" class="nav-link text-white hover:text-yellow-400 transition duration-300">Home</a>
41
+ <a href="#games" class="nav-link text-white hover:text-yellow-400 transition duration-300">Games</a>
42
+ <a href="#crypto" class="nav-link text-white hover:text-yellow-400 transition duration-300">Crypto</a>
43
+ <a href="#bonuses" class="nav-link text-white hover:text-yellow-400 transition duration-300">Bonuses</a>
44
+ <a href="#faq" class="nav-link text-white hover:text-yellow-400 transition duration-300">FAQ</a>
45
+ </nav>
46
+ <div class="flex items-center space-x-4">
47
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-2 px-4 rounded-full transition duration-300 btn-glow">
48
+ Sign Up
49
+ </button>
50
+ <button class="md:hidden text-white focus:outline-none">
51
+ <i class="fas fa-bars text-2xl"></i>
52
+ </button>
53
+ </div>
54
+ </div>
55
+ </header>
56
+
57
+ <!-- Hero Section -->
58
+ <section id="home" class="gradient-bg py-20">
59
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
60
+ <div class="md:w-1/2 mb-10 md:mb-0">
61
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 leading-tight">
62
+ The Ultimate <span class="text-yellow-400">Crypto Casino</span> Experience
63
+ </h1>
64
+ <p class="text-lg text-gray-300 mb-8">
65
+ Play your favorite casino games with Bitcoin and other cryptocurrencies. Enjoy fast transactions, anonymity, and exclusive crypto bonuses!
66
+ </p>
67
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
68
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-3 px-6 rounded-full transition duration-300 btn-glow">
69
+ Play Now
70
+ </button>
71
+ <button class="border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 font-bold py-3 px-6 rounded-full transition duration-300">
72
+ Learn More
73
+ </button>
74
+ </div>
75
+ <div class="mt-8 flex flex-wrap gap-4">
76
+ <div class="flex items-center bg-gray-800 bg-opacity-50 px-4 py-2 rounded-full">
77
+ <i class="fab fa-bitcoin text-yellow-500 mr-2"></i>
78
+ <span>Bitcoin</span>
79
+ </div>
80
+ <div class="flex items-center bg-gray-800 bg-opacity-50 px-4 py-2 rounded-full">
81
+ <i class="fab fa-ethereum text-purple-500 mr-2"></i>
82
+ <span>Ethereum</span>
83
+ </div>
84
+ <div class="flex items-center bg-gray-800 bg-opacity-50 px-4 py-2 rounded-full">
85
+ <i class="fas fa-dogecoin text-yellow-300 mr-2"></i>
86
+ <span>Dogecoin</span>
87
+ </div>
88
+ <div class="flex items-center bg-gray-800 bg-opacity-50 px-4 py-2 rounded-full">
89
+ <i class="fas fa-coins text-blue-400 mr-2"></i>
90
+ <span>+10 More</span>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ <div class="md:w-1/2 flex justify-center">
95
+ <div class="relative w-full max-w-md">
96
+ <div class="absolute -top-10 -left-10 w-32 h-32 bg-yellow-500 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob"></div>
97
+ <div class="absolute -bottom-8 -right-8 w-32 h-32 bg-purple-500 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-2000"></div>
98
+ <div class="absolute top-20 -right-10 w-32 h-32 bg-blue-500 rounded-full mix-blend-multiply filter blur-xl opacity-70 animate-blob animation-delay-4000"></div>
99
+ <div class="relative bg-gray-800 bg-opacity-40 backdrop-filter backdrop-blur-lg rounded-2xl p-6 shadow-2xl border border-gray-700">
100
+ <img src="https://via.placeholder.com/500x300/1a202c/2d3748?text=Slot+Game+Preview" alt="Slot Game" class="rounded-lg mb-4">
101
+ <div class="flex justify-between items-center">
102
+ <div>
103
+ <h3 class="text-xl font-bold">Mega Fortune</h3>
104
+ <p class="text-gray-400">Progressive Jackpot</p>
105
+ </div>
106
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-2 px-4 rounded-full transition duration-300 btn-glow">
107
+ Spin Now
108
+ </button>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </section>
115
+
116
+ <!-- Crypto Info Section -->
117
+ <section id="crypto" class="py-16 bg-gray-800">
118
+ <div class="container mx-auto px-4">
119
+ <div class="text-center mb-16">
120
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Why Choose <span class="text-yellow-400">Crypto Gambling</span>?</h2>
121
+ <div class="section-divider w-1/2 mx-auto my-6"></div>
122
+ <p class="text-lg text-gray-300 max-w-3xl mx-auto">
123
+ Cryptocurrencies have revolutionized online gambling with faster transactions, better privacy, and lower fees.
124
+ </p>
125
+ </div>
126
+
127
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
128
+ <div class="bg-gray-900 rounded-xl p-8 shadow-lg border border-gray-700">
129
+ <div class="flex items-center mb-6">
130
+ <div class="bg-yellow-500 bg-opacity-20 p-3 rounded-full mr-4">
131
+ <i class="fas fa-user-secret text-yellow-500 text-2xl"></i>
132
+ </div>
133
+ <h3 class="text-2xl font-bold">Anonymity</h3>
134
+ </div>
135
+ <p class="text-gray-300">
136
+ When using crypto on the online market, you do not need to give information that can lead back to you. You can hide 100% behind the computer screen and never give up as much as your first name.
137
+ </p>
138
+ </div>
139
+
140
+ <div class="bg-gray-900 rounded-xl p-8 shadow-lg border border-gray-700">
141
+ <div class="flex items-center mb-6">
142
+ <div class="bg-purple-500 bg-opacity-20 p-3 rounded-full mr-4">
143
+ <i class="fas fa-globe text-purple-500 text-2xl"></i>
144
+ </div>
145
+ <h3 class="text-2xl font-bold">Worldwide Access</h3>
146
+ </div>
147
+ <p class="text-gray-300">
148
+ Many payment options are only available for some, not all. With Bitcoin casinos and other crypto casinos, they will remove this limit and no longer have to look elsewhere for their fun.
149
+ </p>
150
+ </div>
151
+
152
+ <div class="bg-gray-900 rounded-xl p-8 shadow-lg border border-gray-700">
153
+ <div class="flex items-center mb-6">
154
+ <div class="bg-green-500 bg-opacity-20 p-3 rounded-full mr-4">
155
+ <i class="fas fa-check-circle text-green-500 text-2xl"></i>
156
+ </div>
157
+ <h3 class="text-2xl font-bold">No Verification</h3>
158
+ </div>
159
+ <p class="text-gray-300">
160
+ A real party pooper is when you have to fill out much information to access the fun. The simple answer is to use crypto, and you will no longer need to experience this.
161
+ </p>
162
+ </div>
163
+
164
+ <div class="bg-gray-900 rounded-xl p-8 shadow-lg border border-gray-700">
165
+ <div class="flex items-center mb-6">
166
+ <div class="bg-blue-500 bg-opacity-20 p-3 rounded-full mr-4">
167
+ <i class="fas fa-money-bill-wave text-blue-500 text-2xl"></i>
168
+ </div>
169
+ <h3 class="text-2xl font-bold">Low Fees</h3>
170
+ </div>
171
+ <p class="text-gray-300">
172
+ Some payment options like to lay heavy on the fees they charge their clients when they use their service. If you use crypto as a payment option, you will not find this problem.
173
+ </p>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </section>
178
+
179
+ <!-- Games Section -->
180
+ <section id="games" class="py-16 bg-gray-900">
181
+ <div class="container mx-auto px-4">
182
+ <div class="text-center mb-16">
183
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Our <span class="text-yellow-400">Popular Games</span></h2>
184
+ <div class="section-divider w-1/2 mx-auto my-6"></div>
185
+ <p class="text-lg text-gray-300 max-w-3xl mx-auto">
186
+ Discover a wide variety of exciting casino games powered by cryptocurrency
187
+ </p>
188
+ </div>
189
+
190
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8">
191
+ <!-- Game Card 1 -->
192
+ <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg border border-gray-700 transition duration-500 game-card">
193
+ <div class="relative">
194
+ <img src="https://via.placeholder.com/400x250/1a202c/2d3748?text=Slot+Machine" alt="Slot Machine" class="w-full h-48 object-cover">
195
+ <div class="absolute top-2 right-2 bg-yellow-500 text-gray-900 font-bold text-xs px-2 py-1 rounded-full">
196
+ HOT
197
+ </div>
198
+ </div>
199
+ <div class="p-6">
200
+ <h3 class="text-xl font-bold mb-2">Mega Fortune</h3>
201
+ <p class="text-gray-400 text-sm mb-4">Progressive Jackpot Slot</p>
202
+ <div class="flex justify-between items-center">
203
+ <div class="flex items-center">
204
+ <i class="fab fa-bitcoin text-yellow-500 mr-1"></i>
205
+ <span class="text-sm">0.001 BTC min bet</span>
206
+ </div>
207
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 text-sm font-bold py-2 px-4 rounded-full transition duration-300">
208
+ Play Now
209
+ </button>
210
+ </div>
211
+ </div>
212
+ </div>
213
+
214
+ <!-- Game Card 2 -->
215
+ <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg border border-gray-700 transition duration-500 game-card">
216
+ <div class="relative">
217
+ <img src="https://via.placeholder.com/400x250/1a202c/2d3748?text=Blackjack" alt="Blackjack" class="w-full h-48 object-cover">
218
+ </div>
219
+ <div class="p-6">
220
+ <h3 class="text-xl font-bold mb-2">Live Blackjack</h3>
221
+ <p class="text-gray-400 text-sm mb-4">Classic Table Game</p>
222
+ <div class="flex justify-between items-center">
223
+ <div class="flex items-center">
224
+ <i class="fab fa-ethereum text-purple-500 mr-1"></i>
225
+ <span class="text-sm">0.01 ETH min bet</span>
226
+ </div>
227
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 text-sm font-bold py-2 px-4 rounded-full transition duration-300">
228
+ Play Now
229
+ </button>
230
+ </div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Game Card 3 -->
235
+ <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg border border-gray-700 transition duration-500 game-card">
236
+ <div class="relative">
237
+ <img src="https://via.placeholder.com/400x250/1a202c/2d3748?text=Roulette" alt="Roulette" class="w-full h-48 object-cover">
238
+ <div class="absolute top-2 right-2 bg-green-500 text-gray-900 font-bold text-xs px-2 py-1 rounded-full">
239
+ NEW
240
+ </div>
241
+ </div>
242
+ <div class="p-6">
243
+ <h3 class="text-xl font-bold mb-2">European Roulette</h3>
244
+ <p class="text-gray-400 text-sm mb-4">Live Casino Game</p>
245
+ <div class="flex justify-between items-center">
246
+ <div class="flex items-center">
247
+ <i class="fas fa-dogecoin text-yellow-300 mr-1"></i>
248
+ <span class="text-sm">50 DOGE min bet</span>
249
+ </div>
250
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 text-sm font-bold py-2 px-4 rounded-full transition duration-300">
251
+ Play Now
252
+ </button>
253
+ </div>
254
+ </div>
255
+ </div>
256
+
257
+ <!-- Game Card 4 -->
258
+ <div class="bg-gray-800 rounded-xl overflow-hidden shadow-lg border border-gray-700 transition duration-500 game-card">
259
+ <div class="relative">
260
+ <img src="https://via.placeholder.com/400x250/1a202c/2d3748?text=Poker" alt="Poker" class="w-full h-48 object-cover">
261
+ </div>
262
+ <div class="p-6">
263
+ <h3 class="text-xl font-bold mb-2">Texas Hold'em</h3>
264
+ <p class="text-gray-400 text-sm mb-4">Video Poker</p>
265
+ <div class="flex justify-between items-center">
266
+ <div class="flex items-center">
267
+ <i class="fab fa-bitcoin text-yellow-500 mr-1"></i>
268
+ <span class="text-sm">0.002 BTC min bet</span>
269
+ </div>
270
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 text-sm font-bold py-2 px-4 rounded-full transition duration-300">
271
+ Play Now
272
+ </button>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+
278
+ <div class="text-center mt-12">
279
+ <button class="border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 font-bold py-3 px-8 rounded-full transition duration-300">
280
+ View All Games
281
+ </button>
282
+ </div>
283
+ </div>
284
+ </section>
285
+
286
+ <!-- Bonuses Section -->
287
+ <section id="bonuses" class="py-16 bg-gray-800">
288
+ <div class="container mx-auto px-4">
289
+ <div class="text-center mb-16">
290
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Exclusive <span class="text-yellow-400">Crypto Bonuses</span></h2>
291
+ <div class="section-divider w-1/2 mx-auto my-6"></div>
292
+ <p class="text-lg text-gray-300 max-w-3xl mx-auto">
293
+ Get rewarded for playing with cryptocurrency with our special bonus offers
294
+ </p>
295
+ </div>
296
+
297
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
298
+ <!-- Bonus Card 1 -->
299
+ <div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-8 shadow-lg border border-yellow-500 border-opacity-30 relative overflow-hidden">
300
+ <div class="absolute -top-10 -right-10 w-32 h-32 bg-yellow-500 rounded-full opacity-10"></div>
301
+ <div class="relative z-10">
302
+ <div class="flex items-center mb-6">
303
+ <div class="bg-yellow-500 bg-opacity-20 p-3 rounded-full mr-4">
304
+ <i class="fas fa-gift text-yellow-500 text-2xl"></i>
305
+ </div>
306
+ <h3 class="text-2xl font-bold">Welcome Bonus</h3>
307
+ </div>
308
+ <p class="text-gray-300 mb-6">
309
+ Get up to <span class="text-yellow-400 font-bold">1 BTC</span> bonus on your first deposit plus <span class="text-yellow-400 font-bold">100 free spins</span>!
310
+ </p>
311
+ <ul class="space-y-2 mb-6">
312
+ <li class="flex items-center">
313
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
314
+ <span class="text-gray-300">Minimum deposit: 0.001 BTC</span>
315
+ </li>
316
+ <li class="flex items-center">
317
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
318
+ <span class="text-gray-300">35x wagering requirement</span>
319
+ </li>
320
+ <li class="flex items-center">
321
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
322
+ <span class="text-gray-300">Valid for 7 days</span>
323
+ </li>
324
+ </ul>
325
+ <button class="w-full bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-3 px-6 rounded-full transition duration-300 btn-glow">
326
+ Claim Bonus
327
+ </button>
328
+ </div>
329
+ </div>
330
+
331
+ <!-- Bonus Card 2 -->
332
+ <div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-8 shadow-lg border border-purple-500 border-opacity-30 relative overflow-hidden">
333
+ <div class="absolute -top-10 -right-10 w-32 h-32 bg-purple-500 rounded-full opacity-10"></div>
334
+ <div class="relative z-10">
335
+ <div class="flex items-center mb-6">
336
+ <div class="bg-purple-500 bg-opacity-20 p-3 rounded-full mr-4">
337
+ <i class="fas fa-redo text-purple-500 text-2xl"></i>
338
+ </div>
339
+ <h3 class="text-2xl font-bold">Reload Bonus</h3>
340
+ </div>
341
+ <p class="text-gray-300 mb-6">
342
+ Get <span class="text-purple-400 font-bold">25% bonus</span> up to <span class="text-purple-400 font-bold">0.5 BTC</span> on every deposit!
343
+ </p>
344
+ <ul class="space-y-2 mb-6">
345
+ <li class="flex items-center">
346
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
347
+ <span class="text-gray-300">Minimum deposit: 0.002 BTC</span>
348
+ </li>
349
+ <li class="flex items-center">
350
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
351
+ <span class="text-gray-300">40x wagering requirement</span>
352
+ </li>
353
+ <li class="flex items-center">
354
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
355
+ <span class="text-gray-300">Valid for all players</span>
356
+ </li>
357
+ </ul>
358
+ <button class="w-full bg-purple-500 hover:bg-purple-600 text-white font-bold py-3 px-6 rounded-full transition duration-300 btn-glow">
359
+ Claim Bonus
360
+ </button>
361
+ </div>
362
+ </div>
363
+
364
+ <!-- Bonus Card 3 -->
365
+ <div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-8 shadow-lg border border-blue-500 border-opacity-30 relative overflow-hidden">
366
+ <div class="absolute -top-10 -right-10 w-32 h-32 bg-blue-500 rounded-full opacity-10"></div>
367
+ <div class="relative z-10">
368
+ <div class="flex items-center mb-6">
369
+ <div class="bg-blue-500 bg-opacity-20 p-3 rounded-full mr-4">
370
+ <i class="fas fa-coins text-blue-500 text-2xl"></i>
371
+ </div>
372
+ <h3 class="text-2xl font-bold">Cashback</h3>
373
+ </div>
374
+ <p class="text-gray-300 mb-6">
375
+ Get <span class="text-blue-400 font-bold">10% cashback</span> on your losses every week!
376
+ </p>
377
+ <ul class="space-y-2 mb-6">
378
+ <li class="flex items-center">
379
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
380
+ <span class="text-gray-300">No wagering requirements</span>
381
+ </li>
382
+ <li class="flex items-center">
383
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
384
+ <span class="text-gray-300">Paid every Monday</span>
385
+ </li>
386
+ <li class="flex items-center">
387
+ <i class="fas fa-check-circle text-green-500 mr-2"></i>
388
+ <span class="text-gray-300">Maximum cashback: 0.1 BTC</span>
389
+ </li>
390
+ </ul>
391
+ <button class="w-full bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-6 rounded-full transition duration-300 btn-glow">
392
+ Learn More
393
+ </button>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ </div>
398
+ </section>
399
+
400
+ <!-- How It Works Section -->
401
+ <section class="py-16 bg-gray-900">
402
+ <div class="container mx-auto px-4">
403
+ <div class="text-center mb-16">
404
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">How To <span class="text-yellow-400">Get Started</span></h2>
405
+ <div class="section-divider w-1/2 mx-auto my-6"></div>
406
+ <p class="text-lg text-gray-300 max-w-3xl mx-auto">
407
+ Start playing with cryptocurrency in just a few simple steps
408
+ </p>
409
+ </div>
410
+
411
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
412
+ <!-- Step 1 -->
413
+ <div class="bg-gray-800 rounded-xl p-8 shadow-lg border border-gray-700 text-center">
414
+ <div class="flex justify-center mb-6">
415
+ <div class="bg-yellow-500 bg-opacity-20 p-4 rounded-full">
416
+ <span class="text-2xl font-bold text-yellow-500">1</span>
417
+ </div>
418
+ </div>
419
+ <h3 class="text-xl font-bold mb-4">Create Account</h3>
420
+ <p class="text-gray-300 mb-6">
421
+ Sign up in seconds with just an email address. No personal documents required.
422
+ </p>
423
+ <div class="flex justify-center">
424
+ <div class="bg-yellow-500 bg-opacity-20 p-3 rounded-full">
425
+ <i class="fas fa-user-plus text-yellow-500 text-xl"></i>
426
+ </div>
427
+ </div>
428
+ </div>
429
+
430
+ <!-- Step 2 -->
431
+ <div class="bg-gray-800 rounded-xl p-8 shadow-lg border border-gray-700 text-center">
432
+ <div class="flex justify-center mb-6">
433
+ <div class="bg-purple-500 bg-opacity-20 p-4 rounded-full">
434
+ <span class="text-2xl font-bold text-purple-500">2</span>
435
+ </div>
436
+ </div>
437
+ <h3 class="text-xl font-bold mb-4">Deposit Crypto</h3>
438
+ <p class="text-gray-300 mb-6">
439
+ Choose from 10+ cryptocurrencies and make your first deposit in minutes.
440
+ </p>
441
+ <div class="flex justify-center">
442
+ <div class="bg-purple-500 bg-opacity-20 p-3 rounded-full">
443
+ <i class="fab fa-bitcoin text-purple-500 text-xl"></i>
444
+ </div>
445
+ </div>
446
+ </div>
447
+
448
+ <!-- Step 3 -->
449
+ <div class="bg-gray-800 rounded-xl p-8 shadow-lg border border-gray-700 text-center">
450
+ <div class="flex justify-center mb-6">
451
+ <div class="bg-blue-500 bg-opacity-20 p-4 rounded-full">
452
+ <span class="text-2xl font-bold text-blue-500">3</span>
453
+ </div>
454
+ </div>
455
+ <h3 class="text-xl font-bold mb-4">Start Playing</h3>
456
+ <p class="text-gray-300 mb-6">
457
+ Claim your bonus and enjoy hundreds of provably fair casino games.
458
+ </p>
459
+ <div class="flex justify-center">
460
+ <div class="bg-blue-500 bg-opacity-20 p-3 rounded-full">
461
+ <i class="fas fa-gamepad text-blue-500 text-xl"></i>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </div>
466
+ </div>
467
+ </section>
468
+
469
+ <!-- FAQ Section -->
470
+ <section id="faq" class="py-16 bg-gray-800">
471
+ <div class="container mx-auto px-4">
472
+ <div class="text-center mb-16">
473
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Frequently <span class="text-yellow-400">Asked Questions</span></h2>
474
+ <div class="section-divider w-1/2 mx-auto my-6"></div>
475
+ <p class="text-lg text-gray-300 max-w-3xl mx-auto">
476
+ Find answers to common questions about crypto gambling
477
+ </p>
478
+ </div>
479
+
480
+ <div class="max-w-4xl mx-auto">
481
+ <!-- FAQ Item 1 -->
482
+ <div class="mb-6 bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
483
+ <button class="faq-toggle w-full flex justify-between items-center p-6 text-left focus:outline-none">
484
+ <h3 class="text-lg font-bold">What is crypto gambling?</h3>
485
+ <i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
486
+ </button>
487
+ <div class="faq-content px-6 pb-6 hidden">
488
+ <p class="text-gray-300">
489
+ Crypto gambling refers to online gambling where you can deposit, play, and withdraw using cryptocurrencies like Bitcoin, Ethereum, and others. It offers advantages like faster transactions, better privacy, and often lower fees compared to traditional payment methods.
490
+ </p>
491
+ </div>
492
+ </div>
493
+
494
+ <!-- FAQ Item 2 -->
495
+ <div class="mb-6 bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
496
+ <button class="faq-toggle w-full flex justify-between items-center p-6 text-left focus:outline-none">
497
+ <h3 class="text-lg font-bold">Is crypto gambling legal?</h3>
498
+ <i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
499
+ </button>
500
+ <div class="faq-content px-6 pb-6 hidden">
501
+ <p class="text-gray-300">
502
+ The legality of crypto gambling depends on your jurisdiction. In many countries, online gambling is regulated, and some specifically address cryptocurrency gambling. It's your responsibility to check the laws in your country before playing. Our casino operates under a valid gaming license.
503
+ </p>
504
+ </div>
505
+ </div>
506
+
507
+ <!-- FAQ Item 3 -->
508
+ <div class="mb-6 bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
509
+ <button class="faq-toggle w-full flex justify-between items-center p-6 text-left focus:outline-none">
510
+ <h3 class="text-lg font-bold">How do I deposit with cryptocurrency?</h3>
511
+ <i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
512
+ </button>
513
+ <div class="faq-content px-6 pb-6 hidden">
514
+ <p class="text-gray-300">
515
+ Depositing with crypto is simple:
516
+ <ol class="list-decimal pl-5 mt-2 space-y-2">
517
+ <li>Go to the cashier section and select cryptocurrency deposit</li>
518
+ <li>Choose your preferred cryptocurrency</li>
519
+ <li>Enter the amount you wish to deposit</li>
520
+ <li>Send the funds to the wallet address provided</li>
521
+ <li>Your balance will update as soon as the transaction is confirmed on the blockchain</li>
522
+ </ol>
523
+ </p>
524
+ </div>
525
+ </div>
526
+
527
+ <!-- FAQ Item 4 -->
528
+ <div class="mb-6 bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
529
+ <button class="faq-toggle w-full flex justify-between items-center p-6 text-left focus:outline-none">
530
+ <h3 class="text-lg font-bold">Are the games fair?</h3>
531
+ <i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
532
+ </button>
533
+ <div class="faq-content px-6 pb-6 hidden">
534
+ <p class="text-gray-300">
535
+ Yes, all our games are provably fair. This means you can verify each game result was generated fairly using cryptographic methods. We use certified random number generators, and our games are regularly audited by independent testing agencies to ensure fairness and transparency.
536
+ </p>
537
+ </div>
538
+ </div>
539
+
540
+ <!-- FAQ Item 5 -->
541
+ <div class="mb-6 bg-gray-900 rounded-xl overflow-hidden border border-gray-700">
542
+ <button class="faq-toggle w-full flex justify-between items-center p-6 text-left focus:outline-none">
543
+ <h3 class="text-lg font-bold">Can I play on mobile?</h3>
544
+ <i class="fas fa-chevron-down text-yellow-500 transition-transform duration-300"></i>
545
+ </button>
546
+ <div class="faq-content px-6 pb-6 hidden">
547
+ <p class="text-gray-300">
548
+ Absolutely! Our casino is fully optimized for mobile devices. You can play all your favorite games directly in your mobile browser on smartphones and tablets. We also offer dedicated apps for iOS and Android for an even better mobile gaming experience.
549
+ </p>
550
+ </div>
551
+ </div>
552
+ </div>
553
+ </div>
554
+ </section>
555
+
556
+ <!-- CTA Section -->
557
+ <section class="gradient-bg py-20">
558
+ <div class="container mx-auto px-4 text-center">
559
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Start <span class="text-yellow-400">Playing</span>?</h2>
560
+ <p class="text-xl text-gray-300 max-w-2xl mx-auto mb-10">
561
+ Join thousands of players enjoying the best crypto casino experience online
562
+ </p>
563
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
564
+ <button class="bg-yellow-500 hover:bg-yellow-600 text-gray-900 font-bold py-4 px-8 rounded-full transition duration-300 btn-glow text-lg">
565
+ Sign Up Now
566
+ </button>
567
+ <button class="border-2 border-yellow-500 text-yellow-500 hover:bg-yellow-500 hover:text-gray-900 font-bold py-4 px-8 rounded-full transition duration-300 text-lg">
568
+ Try Free Games
569
+ </button>
570
+ </div>
571
+ </div>
572
+ </section>
573
+
574
+ <!-- Footer -->
575
+ <footer class="bg-gray-900 py-12">
576
+ <div class="container mx-auto px-4">
577
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
578
+ <!-- Column 1 -->
579
+ <div>
580
+ <div class="flex items-center space-x-2 mb-4">
581
+ <i class="fab fa-bitcoin text-yellow-500 text-3xl"></i>
582
+ <h3 class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-yellow-400 to-yellow-600">
583
+ BC.GAME
584
+ </h3>
585
+ </div>
586
+ <p class="text-gray-400 mb-4">
587
+ The leading cryptocurrency casino offering the best games, bonuses, and user experience.
588
+ </p>
589
+ <div class="flex space-x-4">
590
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
591
+ <i class="fab fa-twitter text-xl"></i>
592
+ </a>
593
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
594
+ <i class="fab fa-telegram text-xl"></i>
595
+ </a>
596
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
597
+ <i class="fab fa-discord text-xl"></i>
598
+ </a>
599
+ <a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">
600
+ <i class="fab fa-instagram text-xl"></i>
601
+ </a>
602
+ </div>
603
+ </div>
604
+
605
+ <!-- Column 2 -->
606
+ <div>
607
+ <h4 class="text-lg font-bold text-white mb-4">Games</h4>
608
+ <ul class="space-y-2">
609
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Slots</a></li>
610
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Blackjack</a></li>
611
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Roulette</a></li>
612
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Poker</a></li>
613
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Live Casino</a></li>
614
+ </ul>
615
+ </div>
616
+
617
+ <!-- Column 3 -->
618
+ <div>
619
+ <h4 class="text-lg font-bold text-white mb-4">Information</h4>
620
+ <ul class="space-y-2">
621
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">About Us</a></li>
622
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Fairness</a></li>
623
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Responsible Gaming</a></li>
624
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Privacy Policy</a></li>
625
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Terms & Conditions</a></li>
626
+ </ul>
627
+ </div>
628
+
629
+ <!-- Column 4 -->
630
+ <div>
631
+ <h4 class="text-lg font-bold text-white mb-4">Support</h4>
632
+ <ul class="space-y-2">
633
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Help Center</a></li>
634
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">Contact Us</a></li>
635
+ <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition duration-300">FAQ</a></li>
636
+ <li class="flex items-center">
637
+ <i class="fas fa-envelope text-yellow-500 mr-2"></i>
638
+ <span class="text-gray-400">support@bcgame.com</span>
639
+ </li>
640
+ <li class="flex items-center">
641
+ <i class="fab fa-telegram text-blue-400 mr-2"></i>
642
+ <span class="text-gray-400">@BCGameSupport</span>
643
+ </li>
644
+ </ul>
645
+ </div>
646
+ </div>
647
+
648
+ <div class="border-t border-gray-800 pt-8">
649
+ <div class="flex flex-col md:flex-row justify-between items-center">
650
+ <div class="flex flex-wrap justify-center md:justify-start gap-4 mb-4 md:mb-0">
651
+ <div class="flex items-center bg-gray-800 px-3 py-1 rounded-full">
652
+ <i class="fab fa-bitcoin text-yellow-500 mr-2"></i>
653
+ <span>Bitcoin</span>
654
+ </div>
655
+ <div class="flex items-center bg-gray-800 px-3 py-1 rounded-full">
656
+ <i class="fab fa-ethereum text-purple-500 mr-2"></i>
657
+ <span>Ethereum</span>
658
+ </div>
659
+ <div class="flex items-center bg-gray-800 px-3 py-1 rounded-full">
660
+ <i class="fas fa-dogecoin text-yellow-300 mr-2"></i>
661
+ <span>Dogecoin</span>
662
+ </div>
663
+ <div class="flex items-center bg-gray-800 px-3 py-1 rounded-full">
664
+ <i class="fas fa-coins text-blue-400 mr-2"></i>
665
+ <span>Litecoin</span>
666
+ </div>
667
+ </div>
668
+ <p class="text-gray-500 text-sm">
669
+ © 2023 BC.GAME. All rights reserved. 18+ only. Please gamble responsibly.
670
+ </p>
671
+ </div>
672
+ </div>
673
+ </div>
674
+ </footer>
675
+
676
+ <script>
677
+ // FAQ toggle functionality
678
+ document.querySelectorAll('.faq-toggle').forEach(button => {
679
+ button.addEventListener('click', () => {
680
+ const faqItem = button.parentElement;
681
+ const content = faqItem.querySelector('.faq-content');
682
+ const icon = button.querySelector('i');
683
+
684
+ content.classList.toggle('hidden');
685
+ icon.classList.toggle('transform');
686
+ icon.classList.toggle('rotate-180');
687
+ });
688
+ });
689
+
690
+ // Mobile menu toggle (would need additional HTML for mobile menu)
691
+ document.querySelector('.md\\:hidden button').addEventListener('click', () => {
692
+ // This would toggle a mobile menu - implementation depends on your mobile menu structure
693
+ console.log('Mobile menu toggled');
694
+ });
695
+
696
+ // Smooth scrolling for navigation links
697
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
698
+ anchor.addEventListener('click', function (e) {
699
+ e.preventDefault();
700
+
701
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
702
+ behavior: 'smooth'
703
+ });
704
+ });
705
+ });
706
+ </script>
707
+ <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=likhonsheikhdev/bc-game" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
708
+ </html>