Hugging Face's logo

Spaces:
likhonsheikhdev
/
bc-game
Running

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

- Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +158 -643
index.html CHANGED
@@ -3,705 +3,220 @@
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>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>bolt.new - Create stunning apps & websites by chatting with AI</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-text {
11
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6);
12
+ -webkit-background-clip: text;
13
+ background-clip: text;
14
+ color: transparent;
15
  }
16
+ .card-hover {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
  transform: translateY(-5px);
21
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
  }
23
+ .search-input:focus {
24
+ outline: none;
25
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
 
 
 
 
 
 
26
  }
27
  </style>
28
  </head>
29
+ <body class="bg-gray-50 font-sans antialiased">
30
  <!-- Header -->
31
+ <header class="bg-white shadow-sm">
32
+ <div class="container mx-auto px-4 py-4 flex justify-between items-center">
33
+ <div class="flex items-center space-x-8">
34
+ <a href="/" class="text-2xl font-bold gradient-text">bolt.new</a>
35
+ <nav class="hidden md:flex space-x-6">
36
+ <a href="https://discord.com/invite/stackblitz" class="text-gray-600 hover:text-indigo-600 transition">Community</a>
37
+ <a href="https://stackblitz.com/enterprise-contact" class="text-gray-600 hover:text-indigo-600 transition">Enterprise</a>
38
+ <div class="relative group">
39
+ <button class="text-gray-600 hover:text-indigo-600 transition flex items-center">
40
+ Resources
41
+ <i class="fas fa-chevron-down ml-1 text-xs"></i>
42
+ </button>
43
+ <div class="absolute left-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-10 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
44
+ <a href="https://support.bolt.new/" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Docs & Help Center</a>
45
+ <a href="https://bolt.new/blog" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Blog</a>
46
+ <a href="https://bolt.new/gallery" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Bolt Gallery</a>
47
+ <a href="https://stackblitz.com/careers" class="block px-4 py-2 text-gray-700 hover:bg-indigo-50">Careers</a>
48
+ </div>
49
+ </div>
50
+ </nav>
51
  </div>
 
 
 
 
 
 
 
52
  <div class="flex items-center space-x-4">
53
+ <a href="https://bolt.new/pricing" class="hidden md:block text-gray-600 hover:text-indigo-600 transition">Pricing</a>
54
+ <div class="flex space-x-2">
55
+ <a href="#" class="p-2 text-gray-500 hover:text-indigo-600 transition">
56
+ <i class="fab fa-discord"></i>
57
+ </a>
58
+ <a href="https://www.linkedin.com/company/stackblitz" class="p-2 text-gray-500 hover:text-indigo-600 transition">
59
+ <i class="fab fa-linkedin"></i>
60
+ </a>
61
+ <a href="https://x.com/boltdotnew" class="p-2 text-gray-500 hover:text-indigo-600 transition">
62
+ <i class="fab fa-twitter"></i>
63
+ </a>
64
+ <a href="https://www.reddit.com/r/boltnewbuilders/" class="p-2 text-gray-500 hover:text-indigo-600 transition">
65
+ <i class="fab fa-reddit"></i>
66
+ </a>
67
+ </div>
68
+ <div class="hidden md:flex space-x-3">
69
+ <a href="#" class="px-4 py-2 text-gray-600 hover:text-indigo-600 transition">Sign In</a>
70
+ <a href="#" class="px-4 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 transition">Get Started</a>
71
+ </div>
72
+ <button class="md:hidden text-gray-600">
73
+ <i class="fas fa-bars text-xl"></i>
74
  </button>
75
  </div>
76
  </div>
77
  </header>
78
 
79
  <!-- Hero Section -->
80
+ <section class="py-16 md:py-24">
81
+ <div class="container mx-auto px-4 text-center">
82
+ <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
83
+ What do you want to build?
84
+ </h1>
85
+ <p class="text-xl md:text-2xl text-gray-600 mb-10 max-w-3xl mx-auto">
86
+ Create stunning apps & websites by chatting with AI.
87
+ </p>
88
+
89
+ <div class="max-w-2xl mx-auto relative mb-12">
90
+ <div class="relative">
91
+ <input type="text" placeholder="Describe what you want to build..."
92
+ class="w-full px-6 py-4 rounded-full border border-gray-300 focus:border-indigo-500 search-input shadow-sm text-lg">
93
+ <div class="absolute right-3 top-1/2 transform -translate-y-1/2 flex space-x-2">
94
+ <button class="p-2 text-gray-500 hover:text-indigo-600">
95
+ <i class="fas fa-times"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
96
  </button>
97
+ <button class="px-4 py-2 bg-indigo-600 text-white rounded-full hover:bg-indigo-700 transition">
98
+ Update
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
99
  </button>
100
  </div>
101
  </div>
102
+ <div class="mt-4 text-sm text-gray-500">
103
+ or import from
104
+ <a href="#" class="text-indigo-600 hover:underline ml-1">Figma</a>
105
+ <span class="mx-1">•</span>
106
+ <a href="#" class="text-indigo-600 hover:underline">GitHub</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
107
  </div>
108
  </div>
109
+
110
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
111
+ <a href="https://bolt.new/~/financial-app" class="bg-white p-6 rounded-xl shadow-md card-hover">
112
+ <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
113
+ <i class="fas fa-wallet text-indigo-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
114
  </div>
115
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Create a financial app</h3>
116
+ <p class="text-gray-500">Build banking, investment or payment apps with AI assistance</p>
117
+ </a>
118
+
119
+ <a href="https://bolt.new/~/directory-website" class="bg-white p-6 rounded-xl shadow-md card-hover">
120
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
121
+ <i class="fas fa-list-alt text-purple-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
122
  </div>
123
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Design a directory website</h3>
124
+ <p class="text-gray-500">Create business listings, catalogs or resource directories</p>
125
+ </a>
126
+
127
+ <a href="https://bolt.new/~/app-project-management" class="bg-white p-6 rounded-xl shadow-md card-hover">
128
+ <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-4">
129
+ <i class="fas fa-tasks text-blue-600 text-xl"></i>
 
 
 
 
 
130
  </div>
131
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Build a project management app</h3>
132
+ <p class="text-gray-500">Develop tools for teams to collaborate and track work</p>
133
+ </a>
134
+
135
+ <a href="https://bolt.new/~/payment-app" class="bg-white p-6 rounded-xl shadow-md card-hover">
136
+ <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-4">
137
+ <i class="fas fa-rocket text-green-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
138
  </div>
139
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Make a landing page</h3>
140
+ <p class="text-gray-500">Generate high-converting pages for your product or service</p>
141
+ </a>
142
+
143
+ <a href="https://bolt.new/~/personal-crm" class="bg-white p-6 rounded-xl shadow-md card-hover">
144
+ <div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-4">
145
+ <i class="fas fa-users text-red-600 text-xl"></i>
 
 
 
 
 
146
  </div>
147
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Generate a CRM</h3>
148
+ <p class="text-gray-500">Create customer relationship management systems</p>
149
+ </a>
150
+
151
+ <div class="bg-white p-6 rounded-xl shadow-md card-hover">
152
+ <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-4">
153
+ <i class="fas fa-mobile-alt text-yellow-600 text-xl"></i>
 
 
 
 
 
154
  </div>
155
+ <h3 class="text-lg font-semibold text-gray-900 mb-2">Build a mobile app</h3>
156
+ <p class="text-gray-500">Develop iOS and Android applications with AI guidance</p>
157
  </div>
158
  </div>
159
  </div>
160
  </section>
161
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
162
  <!-- Footer -->
163
+ <footer class="bg-gray-900 text-white py-12">
164
  <div class="container mx-auto px-4">
165
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
 
166
  <div>
167
+ <h3 class="text-xl font-bold gradient-text mb-4">bolt.new</h3>
168
+ <p class="text-gray-400">Create stunning apps & websites by chatting with AI.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
169
  </div>
 
 
170
  <div>
171
+ <h4 class="text-lg font-semibold mb-4">Product</h4>
172
  <ul class="space-y-2">
173
+ <li><a href="https://bolt.new/pricing" class="text-gray-400 hover:text-white transition">Pricing</a></li>
174
+ <li><a href="https://bolt.new/blog" class="text-gray-400 hover:text-white transition">Blog</a></li>
175
+ <li><a href="https://support.bolt.new/" class="text-gray-400 hover:text-white transition">Documentation</a></li>
176
+ <li><a href="https://support.bolt.new/" class="text-gray-400 hover:text-white transition">Help Center</a></li>
 
177
  </ul>
178
  </div>
 
 
179
  <div>
180
+ <h4 class="text-lg font-semibold mb-4">Company</h4>
181
  <ul class="space-y-2">
182
+ <li><a href="https://stackblitz.com/careers" class="text-gray-400 hover:text-white transition">Careers</a></li>
183
+ <li><a href="https://stackblitz.com/terms-of-service" class="text-gray-400 hover:text-white transition">Terms</a></li>
184
+ <li><a href="https://stackblitz.com/privacy-policy" class="text-gray-400 hover:text-white transition">Privacy</a></li>
 
 
185
  </ul>
186
  </div>
 
 
187
  <div>
188
+ <h4 class="text-lg font-semibold mb-4">Connect</h4>
189
+ <div class="flex space-x-4 mb-4">
190
+ <a href="https://discord.com/invite/stackblitz" class="text-gray-400 hover:text-white transition text-xl">
191
+ <i class="fab fa-discord"></i>
192
+ </a>
193
+ <a href="https://www.linkedin.com/company/stackblitz" class="text-gray-400 hover:text-white transition text-xl">
194
+ <i class="fab fa-linkedin"></i>
195
+ </a>
196
+ <a href="https://x.com/boltdotnew" class="text-gray-400 hover:text-white transition text-xl">
197
+ <i class="fab fa-twitter"></i>
198
+ </a>
199
+ <a href="https://www.youtube.com/@BoltDotNew" class="text-gray-400 hover:text-white transition text-xl">
200
+ <i class="fab fa-youtube"></i>
201
+ </a>
202
+ <a href="https://www.instagram.com/boltdotnew/" class="text-gray-400 hover:text-white transition text-xl">
203
+ <i class="fab fa-instagram"></i>
204
+ </a>
205
+ <a href="https://www.reddit.com/r/boltnewbuilders/" class="text-gray-400 hover:text-white transition text-xl">
206
+ <i class="fab fa-reddit"></i>
207
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
208
  </div>
209
+ <p class="text-gray-400">© 2023 bolt.new. All rights reserved.</p>
 
 
210
  </div>
211
  </div>
212
  </div>
213
  </footer>
214
 
215
  <script>
216
+ // Mobile menu toggle functionality would go here
217
+ document.addEventListener('DOMContentLoaded', function() {
218
+ // You could add mobile menu toggle functionality here
219
+ console.log('Website loaded');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
220
  });
221
  </script>
222
  <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>