Hugging Face's logo

Spaces:
jblast94
/
Geminixtwinn
Running

App Files Community
jblast94 commited on
Commit
5cb4ea6
·
verified ·
1 Parent(s): 42de0f0

use dark mode and include more interactive features. include the new url. https://geminixtwinn.vip/ - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +310 -537
index.html CHANGED
@@ -3,610 +3,383 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Fant2Rlty - Adult Store</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
- .age-gate {
11
- background: rgba(0, 0, 0, 0.8);
12
- z-index: 9999;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13
  }
14
- .dropdown:hover .dropdown-menu {
15
- display: block;
 
 
 
16
  }
17
- .nav-item:hover .submenu {
18
- display: block;
 
 
19
  }
20
- .submenu-item:hover .sub-submenu {
21
- display: block;
 
 
22
  }
23
- .cart-count {
24
- top: -8px;
25
- right: -8px;
 
26
  }
27
- .category-icon {
28
- transition: transform 0.3s ease;
 
 
29
  }
30
- .category-icon:hover {
31
- transform: scale(1.1);
 
 
32
  }
33
- .age-gate-content {
34
- max-height: 80vh;
35
- overflow-y: auto;
 
36
  }
37
- @media (max-width: 768px) {
38
- .mobile-menu {
39
- display: none;
40
- }
41
- .mobile-menu.active {
42
- display: block;
43
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
  }
45
  </style>
46
  </head>
47
- <body class="bg-gray-100 font-sans">
48
- <!-- Age Verification Gate -->
49
- <div class="age-gate fixed inset-0 flex items-center justify-center">
50
- <div class="bg-white p-8 rounded-lg shadow-xl w-full max-w-3xl mx-4 age-gate-content">
51
- <div class="text-center mb-6">
52
- <h1 class="text-3xl font-bold text-red-600 mb-2">WARNING!!</h1>
53
- <h2 class="text-2xl font-semibold text-gray-800">You are about to enter an adult store</h2>
54
- </div>
55
-
56
- <div class="bg-red-50 border-l-4 border-red-500 p-4 mb-6">
57
- <p class="text-gray-800">
58
- This site contains sexually oriented adult material intended for individuals 18 years of age or older and of legal age to view sexually explicit material as determined by the local and national laws of the region in which you reside. If you are not yet 18, if adult material offends you, or if you are accessing this site from any country or locale where adult material is specifically prohibited by law, do not enter this site. All featured models are 18 years of age or older.
59
- </p>
60
- </div>
61
-
62
- <div class="mb-6">
63
- <h3 class="text-xl font-semibold mb-4 text-gray-800">By entering this site I agree to the following:</h3>
64
- <ul class="list-disc pl-6 space-y-2 text-gray-700">
65
- <li>I am at least 18 years of age. Misrepresenting your age in order to gain access to this site may be a violation of local, state and federal law.</li>
66
- <li>The material I'm viewing is for my own personal use and is not to be viewed by minors or anyone else but myself.</li>
67
- <li>I believe, as an adult, I have the unalienable right to read and/or view any type of material I choose.</li>
68
- <li>I agree that the material presented here is not illegal or considered obscene in my street, village, community, city, state, province or country.</li>
69
- </ul>
70
- </div>
71
-
72
- <p class="mb-6 text-gray-700">
73
- By clicking "enter" below, you agree everything stated above. If you do not agree, please close your web browser.
74
- </p>
75
-
76
- <div class="flex flex-col sm:flex-row justify-center gap-4">
77
- <a href="http://fant2rlty.store/#" class="bg-red-600 hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg text-center transition duration-300">
78
- ENTER
79
- </a>
80
- <a href="http://www.disney.com/" class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-3 px-6 rounded-lg text-center transition duration-300">
81
- EXIT
82
- </a>
83
- </div>
84
-
85
- <div class="mt-6 text-center text-sm text-gray-500">
86
- <a href="http://fant2rlty.store/pages/2257-compliance" class="hover:underline">2257 Compliance Statement</a>
87
- </div>
88
- </div>
89
- </div>
90
-
91
- <!-- Header -->
92
- <header class="bg-black text-white shadow-md">
93
- <div class="container mx-auto px-4 py-3">
94
- <div class="flex justify-between items-center">
95
- <div class="flex items-center space-x-4">
96
- <button id="mobile-menu-button" class="md:hidden text-white focus:outline-none">
97
- <i class="fas fa-bars text-2xl"></i>
98
- </button>
99
- <a href="#" class="text-2xl font-bold">
100
- <span class="text-red-500">Fant2</span><span class="text-white">Rlty</span>
101
- </a>
102
- </div>
103
-
104
- <div class="hidden md:flex items-center space-x-6">
105
- <div class="relative group">
106
- <a href="#" class="flex items-center space-x-1 hover:text-red-400 transition">
107
- <span>Shop</span>
108
- <i class="fas fa-chevron-down text-xs"></i>
109
- </a>
110
- <!-- Mega menu would go here -->
111
- </div>
112
- <a href="#" class="hover:text-red-400 transition">Best Sellers</a>
113
- <a href="#" class="hover:text-red-400 transition">New Arrivals</a>
114
- <a href="#" class="hover:text-red-400 transition">Clearance</a>
115
  </div>
116
-
117
  <div class="flex items-center space-x-4">
118
- <div class="relative">
119
- <a href="#" class="text-white hover:text-red-400 transition">
120
- <i class="fas fa-search text-xl"></i>
121
- </a>
122
- </div>
123
- <div class="relative">
124
- <a href="#" class="text-white hover:text-red-400 transition">
125
- <i class="fas fa-user text-xl"></i>
126
- </a>
127
- </div>
128
- <div class="relative">
129
- <a href="#" class="text-white hover:text-red-400 transition">
130
- <i class="fas fa-shopping-cart text-xl"></i>
131
- <span class="cart-count absolute bg-red-500 text-white text-xs rounded-full h-5 w-5 flex items-center justify-center">0</span>
132
- </a>
133
- </div>
134
  </div>
135
  </div>
136
  </div>
137
-
138
- <!-- Mobile Menu -->
139
- <div id="mobile-menu" class="mobile-menu md:hidden bg-gray-900 px-4 py-2">
140
- <div class="flex flex-col space-y-3">
141
- <a href="#" class="text-white hover:text-red-400 py-2 border-b border-gray-700">Shop All</a>
142
- <a href="#" class="text-white hover:text-red-400 py-2 border-b border-gray-700">Best Sellers</a>
143
- <a href="#" class="text-white hover:text-red-400 py-2 border-b border-gray-700">New Arrivals</a>
144
- <a href="#" class="text-white hover:text-red-400 py-2 border-b border-gray-700">Clearance</a>
145
- <a href="#" class="text-white hover:text-red-400 py-2">Account</a>
146
- </div>
147
- </div>
148
- </header>
149
 
150
- <!-- Hero Banner -->
151
- <div class="bg-gradient-to-r from-purple-900 to-pink-800 text-white py-12">
152
- <div class="container mx-auto px-4 text-center">
153
- <h1 class="text-4xl md:text-5xl font-bold mb-4">Explore Your Fantasies</h1>
154
- <p class="text-xl mb-8">Premium adult toys for every desire</p>
155
- <a href="#" class="bg-white text-pink-700 hover:bg-pink-100 font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block">
156
- Shop Now
157
- </a>
158
- </div>
159
  </div>
160
 
161
- <!-- Trust Badges -->
162
- <div class="bg-gray-100 py-6">
163
- <div class="container mx-auto px-4">
164
- <div class="flex flex-wrap justify-center items-center gap-8">
165
- <div class="text-center">
166
- <div class="bg-white rounded-full p-4 inline-block shadow-md">
167
- <i class="fas fa-lock text-3xl text-green-500"></i>
168
- </div>
169
- <p class="mt-2 font-medium">Secure Checkout</p>
170
- </div>
171
- <div class="text-center">
172
- <div class="bg-white rounded-full p-4 inline-block shadow-md">
173
- <i class="fas fa-truck text-3xl text-blue-500"></i>
174
- </div>
175
- <p class="mt-2 font-medium">Discreet Shipping</p>
176
- </div>
177
- <div class="text-center">
178
- <div class="bg-white rounded-full p-4 inline-block shadow-md">
179
- <i class="fas fa-shield-alt text-3xl text-purple-500"></i>
180
  </div>
181
- <p class="mt-2 font-medium">Privacy Guaranteed</p>
182
  </div>
183
- <div class="text-center">
184
- <div class="bg-white rounded-full p-4 inline-block shadow-md">
185
- <i class="fas fa-undo text-3xl text-red-500"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
186
  </div>
187
- <p class="mt-2 font-medium">30-Day Returns</p>
188
  </div>
189
  </div>
190
  </div>
191
  </div>
192
 
193
- <!-- Category Grid -->
194
- <div class="py-12 bg-white">
195
- <div class="container mx-auto px-4">
196
- <h2 class="text-3xl font-bold text-center mb-12">Shop by Category</h2>
197
-
198
- <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-6">
199
- <!-- Category 1 -->
200
- <a href="#" class="category-card group">
201
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
202
- <div class="bg-pink-100 rounded-full p-4 mb-4 group-hover:bg-pink-200 transition">
203
- <i class="fas fa-vibrate text-3xl text-pink-600"></i>
204
- </div>
205
- <h3 class="font-bold text-lg mb-2">Vibrators</h3>
206
- <p class="text-gray-600 text-sm">Explore our collection</p>
207
- </div>
208
- </a>
209
-
210
- <!-- Category 2 -->
211
- <a href="#" class="category-card group">
212
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
213
- <div class="bg-purple-100 rounded-full p-4 mb-4 group-hover:bg-purple-200 transition">
214
- <i class="fas fa-venus text-3xl text-purple-600"></i>
215
- </div>
216
- <h3 class="font-bold text-lg mb-2">Women's Toys</h3>
217
- <p class="text-gray-600 text-sm">For her pleasure</p>
218
- </div>
219
- </a>
220
-
221
- <!-- Category 3 -->
222
- <a href="#" class="category-card group">
223
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
224
- <div class="bg-blue-100 rounded-full p-4 mb-4 group-hover:bg-blue-200 transition">
225
- <i class="fas fa-mars text-3xl text-blue-600"></i>
226
- </div>
227
- <h3 class="font-bold text-lg mb-2">Men's Toys</h3>
228
- <p class="text-gray-600 text-sm">For his pleasure</p>
229
- </div>
230
- </a>
231
-
232
- <!-- Category 4 -->
233
- <a href="#" class="category-card group">
234
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
235
- <div class="bg-red-100 rounded-full p-4 mb-4 group-hover:bg-red-200 transition">
236
- <i class="fas fa-heart text-3xl text-red-600"></i>
237
- </div>
238
- <h3 class="font-bold text-lg mb-2">Couples</h3>
239
- <p class="text-gray-600 text-sm">Play together</p>
240
- </div>
241
- </a>
242
-
243
- <!-- Category 5 -->
244
- <a href="#" class="category-card group">
245
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
246
- <div class="bg-yellow-100 rounded-full p-4 mb-4 group-hover:bg-yellow-200 transition">
247
- <i class="fas fa-ring text-3xl text-yellow-600"></i>
248
- </div>
249
- <h3 class="font-bold text-lg mb-2">Bondage</h3>
250
- <p class="text-gray-600 text-sm">Explore your kinks</p>
251
  </div>
252
- </a>
253
-
254
- <!-- Category 6 -->
255
- <a href="#" class="category-card group">
256
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
257
- <div class="bg-green-100 rounded-full p-4 mb-4 group-hover:bg-green-200 transition">
258
- <i class="fas fa-oil-can text-3xl text-green-600"></i>
259
- </div>
260
- <h3 class="font-bold text-lg mb-2">Lubes</h3>
261
- <p class="text-gray-600 text-sm">Enhance the experience</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
262
  </div>
263
- </a>
264
-
265
- <!-- Category 7 -->
266
- <a href="#" class="category-card group">
267
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
268
- <div class="bg-indigo-100 rounded-full p-4 mb-4 group-hover:bg-indigo-200 transition">
269
- <i class="fas fa-tshirt text-3xl text-indigo-600"></i>
 
 
270
  </div>
271
- <h3 class="font-bold text-lg mb-2">Lingerie</h3>
272
- <p class="text-gray-600 text-sm">Sexy wear</p>
273
- </div>
274
- </a>
275
-
276
- <!-- Category 8 -->
277
- <a href="#" class="category-card group">
278
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
279
- <div class="bg-orange-100 rounded-full p-4 mb-4 group-hover:bg-orange-200 transition">
280
- <i class="fas fa-gamepad text-3xl text-orange-600"></i>
281
  </div>
282
- <h3 class="font-bold text-lg mb-2">Games</h3>
283
- <p class="text-gray-600 text-sm">For playful nights</p>
284
- </div>
285
- </a>
286
-
287
- <!-- Category 9 -->
288
- <a href="#" class="category-card group">
289
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
290
- <div class="bg-teal-100 rounded-full p-4 mb-4 group-hover:bg-teal-200 transition">
291
- <i class="fas fa-percentage text-3xl text-teal-600"></i>
292
  </div>
293
- <h3 class="font-bold text-lg mb-2">Clearance</h3>
294
- <p class="text-gray-600 text-sm">Great deals</p>
295
- </div>
296
- </a>
297
-
298
- <!-- Category 10 -->
299
- <a href="#" class="category-card group">
300
- <div class="bg-gray-100 rounded-lg p-6 text-center hover:shadow-lg transition duration-300 h-full flex flex-col items-center">
301
- <div class="bg-pink-100 rounded-full p-4 mb-4 group-hover:bg-pink-200 transition">
302
- <i class="fas fa-star text-3xl text-pink-600"></i>
303
  </div>
304
- <h3 class="font-bold text-lg mb-2">Best Sellers</h3>
305
- <p class="text-gray-600 text-sm">Customer favorites</p>
306
  </div>
307
- </a>
308
  </div>
309
- </div>
310
- </div>
311
 
312
- <!-- Featured Products -->
313
- <div class="py-12 bg-gray-100">
314
- <div class="container mx-auto px-4">
315
- <h2 class="text-3xl font-bold text-center mb-8">Featured Products</h2>
316
-
317
- <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
318
- <!-- Product 1 -->
319
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
320
- <div class="relative">
321
- <img src="https://via.placeholder.com/300x300" alt="Product" class="w-full h-64 object-cover">
322
- <div class="absolute top-2 right-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">
323
- NEW
324
- </div>
325
- </div>
326
- <div class="p-4">
327
- <h3 class="font-bold text-lg mb-1">Premium Rabbit Vibrator</h3>
328
- <div class="flex items-center mb-2">
329
- <div class="flex text-yellow-400">
330
- <i class="fas fa-star"></i>
331
- <i class="fas fa-star"></i>
332
- <i class="fas fa-star"></i>
333
- <i class="fas fa-star"></i>
334
- <i class="fas fa-star-half-alt"></i>
335
- </div>
336
- <span class="text-gray-600 text-sm ml-2">(42)</span>
337
- </div>
338
- <div class="flex justify-between items-center">
339
- <span class="font-bold text-lg">$59.99</span>
340
- <button class="bg-pink-500 hover:bg-pink-600 text-white px-3 py-1 rounded-full transition duration-300">
341
- <i class="fas fa-plus"></i>
342
- </button>
343
- </div>
344
  </div>
345
  </div>
346
-
347
- <!-- Product 2 -->
348
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
349
- <div class="relative">
350
- <img src="https://via.placeholder.com/300x300" alt="Product" class="w-full h-64 object-cover">
351
- <div class="absolute top-2 right-2 bg-green-500 text-white text-xs font-bold px-2 py-1 rounded">
352
- BESTSELLER
353
- </div>
354
- </div>
355
- <div class="p-4">
356
- <h3 class="font-bold text-lg mb-1">Couples Vibrating Ring</h3>
357
- <div class="flex items-center mb-2">
358
- <div class="flex text-yellow-400">
359
- <i class="fas fa-star"></i>
360
- <i class="fas fa-star"></i>
361
- <i class="fas fa-star"></i>
362
- <i class="fas fa-star"></i>
363
- <i class="far fa-star"></i>
 
364
  </div>
365
- <span class="text-gray-600 text-sm ml-2">(128)</span>
366
- </div>
367
- <div class="flex justify-between items-center">
368
- <span class="font-bold text-lg">$29.99</span>
369
- <button class="bg-pink-500 hover:bg-pink-600 text-white px-3 py-1 rounded-full transition duration-300">
370
- <i class="fas fa-plus"></i>
371
- </button>
372
  </div>
373
  </div>
374
  </div>
375
 
376
- <!-- Product 3 -->
377
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
378
- <div class="relative">
379
- <img src="https://via.placeholder.com/300x300" alt="Product" class="w-full h-64 object-cover">
380
- <div class="absolute top-2 right-2 bg-blue-500 text-white text-xs font-bold px-2 py-1 rounded">
381
- SALE
382
- </div>
383
- </div>
384
- <div class="p-4">
385
- <h3 class="font-bold text-lg mb-1">Realistic Silicone Dildo</h3>
386
- <div class="flex items-center mb-2">
387
- <div class="flex text-yellow-400">
388
- <i class="fas fa-star"></i>
389
- <i class="fas fa-star"></i>
390
- <i class="fas fa-star"></i>
391
- <i class="fas fa-star"></i>
392
- <i class="fas fa-star"></i>
393
  </div>
394
- <span class="text-gray-600 text-sm ml-2">(87)</span>
395
- </div>
396
- <div class="flex justify-between items-center">
397
  <div>
398
- <span class="font-bold text-lg text-red-500">$39.99</span>
399
- <span class="text-gray-500 text-sm line-through ml-2">$49.99</span>
 
400
  </div>
401
- <button class="bg-pink-500 hover:bg-pink-600 text-white px-3 py-1 rounded-full transition duration-300">
402
- <i class="fas fa-plus"></i>
403
- </button>
404
  </div>
405
- </div>
406
- </div>
407
-
408
- <!-- Product 4 -->
409
- <div class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
410
- <div class="relative">
411
- <img src="https://via.placeholder.com/300x300" alt="Product" class="w-full h-64 object-cover">
412
- </div>
413
- <div class="p-4">
414
- <h3 class="font-bold text-lg mb-1">Luxury Massage Oil Set</h3>
415
- <div class="flex items-center mb-2">
416
- <div class="flex text-yellow-400">
417
- <i class="fas fa-star"></i>
418
- <i class="fas fa-star"></i>
419
- <i class="fas fa-star"></i>
420
- <i class="fas fa-star"></i>
421
- <i class="far fa-star"></i>
422
  </div>
423
- <span class="text-gray-600 text-sm ml-2">(56)</span>
424
- </div>
425
- <div class="flex justify-between items-center">
426
- <span class="font-bold text-lg">$24.99</span>
427
- <button class="bg-pink-500 hover:bg-pink-600 text-white px-3 py-1 rounded-full transition duration-300">
428
- <i class="fas fa-plus"></i>
429
- </button>
430
  </div>
431
  </div>
432
  </div>
433
  </div>
434
-
435
- <div class="text-center mt-8">
436
- <a href="#" class="inline-block bg-black text-white hover:bg-gray-800 font-bold py-3 px-8 rounded-full transition duration-300">
437
- View All Products
438
- </a>
439
- </div>
440
- </div>
441
- </div>
442
-
443
- <!-- Benefits Section -->
444
- <div class="py-12 bg-white">
445
- <div class="container mx-auto px-4">
446
- <h2 class="text-3xl font-bold text-center mb-12">Why Shop With Us?</h2>
447
-
448
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
449
- <!-- Benefit 1 -->
450
- <div class="text-center">
451
- <div class="bg-pink-100 rounded-full p-4 inline-block mb-4">
452
- <i class="fas fa-check-circle text-3xl text-pink-600"></i>
453
- </div>
454
- <h3 class="font-bold text-xl mb-2">100% Satisfaction Guarantee</h3>
455
- <p class="text-gray-600">
456
- If you're not satisfied with your purchase, return it within 30 days for a full refund.
457
- </p>
458
- </div>
459
-
460
- <!-- Benefit 2 -->
461
- <div class="text-center">
462
- <div class="bg-purple-100 rounded-full p-4 inline-block mb-4">
463
- <i class="fas fa-truck text-3xl text-purple-600"></i>
464
- </div>
465
- <h3 class="font-bold text-xl mb-2">Discreet Shipping</h3>
466
- <p class="text-gray-600">
467
- All orders are shipped in plain packaging with no indication of contents.
468
- </p>
469
- </div>
470
-
471
- <!-- Benefit 3 -->
472
- <div class="text-center">
473
- <div class="bg-blue-100 rounded-full p-4 inline-block mb-4">
474
- <i class="fas fa-credit-card text-3xl text-blue-600"></i>
475
- </div>
476
- <h3 class="font-bold text-xl mb-2">Discreet Billing</h3>
477
- <p class="text-gray-600">
478
- Charges appear as CNV, Inc. on your statement for complete privacy.
479
- </p>
480
- </div>
481
-
482
- <!-- Benefit 4 -->
483
- <div class="text-center">
484
- <div class="bg-green-100 rounded-full p-4 inline-block mb-4">
485
- <i class="fas fa-lock text-3xl text-green-600"></i>
486
- </div>
487
- <h3 class="font-bold text-xl mb-2">Privacy Guaranteed</h3>
488
- <p class="text-gray-600">
489
- We never sell or share your personal information with third parties.
490
- </p>
491
- </div>
492
- </div>
493
- </div>
494
- </div>
495
-
496
- <!-- Newsletter -->
497
- <div class="py-12 bg-gradient-to-r from-purple-900 to-pink-800 text-white">
498
- <div class="container mx-auto px-4 text-center">
499
- <h2 class="text-3xl font-bold mb-4">Get 10% Off Your First Order!</h2>
500
- <p class="text-xl mb-6">Sign up for our newsletter and receive exclusive deals and updates.</p>
501
-
502
- <form class="max-w-md mx-auto">
503
- <div class="flex">
504
- <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-l-lg focus:outline-none text-gray-900">
505
- <button type="submit" class="bg-black hover:bg-gray-900 px-6 py-3 rounded-r-lg font-bold transition duration-300">
506
- Subscribe
507
- </button>
508
- </div>
509
- <p class="text-sm mt-2 text-purple-200">
510
- We respect your privacy. Unsubscribe at any time.
511
- </p>
512
- </form>
513
-
514
- <div class="mt-8 flex justify-center space-x-6">
515
- <img src="https://via.placeholder.com/150x80" alt="Payment Methods" class="h-10">
516
- <img src="https://via.placeholder.com/80x80" alt="Trust Badge" class="h-10">
517
- <img src="https://via.placeholder.com/80x80" alt="ASACP" class="h-10">
518
- </div>
519
  </div>
520
- </div>
521
 
522
  <!-- Footer -->
523
- <footer class="bg-gray-900 text-white pt-12 pb-6">
524
- <div class="container mx-auto px-4">
525
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">
526
- <!-- Column 1 -->
527
- <div>
528
- <h3 class="font-bold text-lg mb-4">Customer Service</h3>
529
- <ul class="space-y-2">
530
- <li><a href="#" class="hover:text-pink-400 transition">Contact Us</a></li>
531
- <li><a href="#" class="hover:text-pink-400 transition">FAQs</a></li>
532
- <li><a href="#" class="hover:text-pink-400 transition">Shipping Info</a></li>
533
- <li><a href="#" class="hover:text-pink-400 transition">Returns & Exchanges</a></li>
534
- <li><a href="#" class="hover:text-pink-400 transition">Track Order</a></li>
535
- </ul>
536
  </div>
537
-
538
- <!-- Column 2 -->
539
- <div>
540
- <h3 class="font-bold text-lg mb-4">About Us</h3>
541
- <ul class="space-y-2">
542
- <li><a href="#" class="hover:text-pink-400 transition">Our Story</a></li>
543
- <li><a href="#" class="hover:text-pink-400 transition">Blog</a></li>
544
- <li><a href="#" class="hover:text-pink-400 transition">Reviews</a></li>
545
- <li><a href="#" class="hover:text-pink-400 transition">Careers</a></li>
546
- <li><a href="#" class="hover:text-pink-400 transition">Wholesale</a></li>
547
- </ul>
548
- </div>
549
-
550
- <!-- Column 3 -->
551
- <div>
552
- <h3 class="font-bold text-lg mb-4">Legal</h3>
553
- <ul class="space-y-2">
554
- <li><a href="#" class="hover:text-pink-400 transition">Terms of Service</a></li>
555
- <li><a href="#" class="hover:text-pink-400 transition">Privacy Policy</a></li>
556
- <li><a href="#" class="hover:text-pink-400 transition">2257 Statement</a></li>
557
- <li><a href="#" class="hover:text-pink-400 transition">Accessibility</a></li>
558
- <li><a href="#" class="hover:text-pink-400 transition">Sitemap</a></li>
559
- </ul>
560
- </div>
561
-
562
- <!-- Column 4 -->
563
- <div>
564
- <h3 class="font-bold text-lg mb-4">Connect With Us</h3>
565
- <div class="flex space-x-4 mb-4">
566
- <a href="#" class="bg-gray-800 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition">
567
- <i class="fab fa-facebook-f"></i>
568
- </a>
569
- <a href="#" class="bg-gray-800 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition">
570
- <i class="fab fa-twitter"></i>
571
- </a>
572
- <a href="#" class="bg-gray-800 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition">
573
- <i class="fab fa-instagram"></i>
574
- </a>
575
- <a href="#" class="bg-gray-800 hover:bg-pink-600 w-10 h-10 rounded-full flex items-center justify-center transition">
576
- <i class="fab fa-pinterest-p"></i>
577
- </a>
578
- </div>
579
- <p class="text-sm text-gray-400">
580
- Sign up for our newsletter to receive exclusive offers and updates.
581
- </p>
582
- </div>
583
- </div>
584
-
585
- <div class="border-t border-gray-800 pt-6">
586
- <div class="flex flex-col md:flex-row justify-between items-center">
587
- <p class="text-gray-400 text-sm mb-4 md:mb-0">
588
- &copy; 2025 Fant2Rlty Store. All rights reserved.
589
- </p>
590
- <div class="flex space-x-4">
591
- <img src="https://via.placeholder.com/80x30" alt="Payment Methods" class="h-8">
592
- </div>
593
  </div>
594
  </div>
595
  </div>
596
  </footer>
597
 
598
  <script>
599
- // Mobile menu toggle
600
- document.getElementById('mobile-menu-button').addEventListener('click', function() {
601
- const menu = document.getElementById('mobile-menu');
602
- menu.classList.toggle('active');
603
  });
604
 
605
- // Age gate - would normally be shown on first visit
606
- // For demo purposes, we'll hide it after 3 seconds
607
- setTimeout(function() {
608
- document.querySelector('.age-gate').style.display = 'none';
609
- }, 3000);
 
 
610
  </script>
611
  <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=jblast94/new-fant2rlty-store" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
612
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Gemini - OnlyFans</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#00AFF0',
15
+ secondary: '#121212',
16
+ accent: '#FF0080',
17
+ }
18
+ }
19
+ }
20
+ }
21
+ </script>
22
  <style>
23
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
24
+
25
+ :root {
26
+ --bg-primary: #121212;
27
+ --bg-secondary: #1e1e1e;
28
+ --bg-card: #2d2d2d;
29
+ --text-primary: #ffffff;
30
+ --text-secondary: #b3b3b3;
31
+ --accent-primary: #00AFF0;
32
+ --accent-secondary: #FF0080;
33
+ }
34
+
35
+ body {
36
+ font-family: 'Inter', sans-serif;
37
+ background-color: var(--bg-primary);
38
+ color: var(--text-primary);
39
+ transition: background-color 0.3s, color 0.3s;
40
+ }
41
+
42
+ body.light-mode {
43
+ --bg-primary: #f5f5f5;
44
+ --bg-secondary: #ffffff;
45
+ --bg-card: #f0f0f0;
46
+ --text-primary: #333333;
47
+ --text-secondary: #666666;
48
+ }
49
+
50
+ .dark body {
51
+ background-color: var(--bg-primary);
52
+ color: var(--text-primary);
53
  }
54
+
55
+ .profile-header {
56
+ background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://thumbs.onlyfans.com/public/files/thumbs/w760/s/ss/ssx/ssxmzpghtpfmbowexxu0ujyndcp1xya41728013928/424890650/header_image.jpg');
57
+ background-size: cover;
58
+ background-position: center;
59
  }
60
+
61
+ .avatar-ring {
62
+ border: 4px solid white;
63
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
64
  }
65
+
66
+ .subscribe-btn {
67
+ background: linear-gradient(45deg, var(--accent-secondary), #FF6EC4);
68
+ transition: all 0.3s ease;
69
  }
70
+
71
+ .subscribe-btn:hover {
72
+ transform: translateY(-2px);
73
+ box-shadow: 0 10px 20px rgba(255, 0, 128, 0.4);
74
  }
75
+
76
+ .stats-card {
77
+ background-color: var(--bg-card);
78
+ transition: all 0.3s ease;
79
  }
80
+
81
+ .stats-card:hover {
82
+ transform: translateY(-5px);
83
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
84
  }
85
+
86
+ .link-button {
87
+ background-color: var(--bg-card);
88
+ transition: all 0.2s ease;
89
  }
90
+
91
+ .link-button:hover {
92
+ transform: translateX(5px);
93
+ background-color: var(--accent-primary);
94
+ }
95
+
96
+ .social-button {
97
+ transition: all 0.3s ease;
98
+ }
99
+
100
+ .social-button:hover {
101
+ transform: scale(1.05);
102
+ }
103
+
104
+ .theme-toggle {
105
+ position: fixed;
106
+ top: 20px;
107
+ right: 20px;
108
+ z-index: 1000;
109
+ background: var(--bg-card);
110
+ border: none;
111
+ border-radius: 50%;
112
+ width: 50px;
113
+ height: 50px;
114
+ cursor: pointer;
115
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
116
+ display: flex;
117
+ align-items: center;
118
+ justify-content: center;
119
+ }
120
+
121
+ .theme-toggle i {
122
+ font-size: 24px;
123
+ color: var(--text-primary);
124
+ }
125
+
126
+ .notification {
127
+ position: fixed;
128
+ top: 20px;
129
+ left: 50%;
130
+ transform: translateX(-50%);
131
+ padding: 15px 25px;
132
+ background: var(--accent-primary);
133
+ color: white;
134
+ border-radius: 5px;
135
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
136
+ z-index: 1000;
137
+ opacity: 0;
138
+ transition: opacity 0.3s;
139
+ }
140
+
141
+ .notification.show {
142
+ opacity: 1;
143
  }
144
  </style>
145
  </head>
146
+ <body class="bg-gray-900 text-white">
147
+ <!-- Theme Toggle Button -->
148
+ <button id="themeToggle" class="theme-toggle">
149
+ <i class="fas fa-moon"></i>
150
+ </button>
151
+
152
+ <!-- Notification -->
153
+ <div id="notification" class="notification">Theme changed successfully!</div>
154
+
155
+ <!-- Navigation -->
156
+ <nav class="bg-gray-800 shadow-sm">
157
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
158
+ <div class="flex justify-between h-16">
159
+ <div class="flex items-center">
160
+ <a href="https://geminixtwinn.vip/" class="text-2xl font-bold text-primary">OnlyFans</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
161
  </div>
 
162
  <div class="flex items-center space-x-4">
163
+ <a href="https://onlyfans.com/help" class="text-gray-300 hover:text-primary">
164
+ <i class="fas fa-question-circle mr-1"></i> Help
165
+ </a>
166
+ <a href="https://onlyfans.com/?return_to=%2Fgeminixtwin" class="bg-primary text-white px-4 py-2 rounded-md font-medium hover:bg-blue-600">
167
+ Login
168
+ </a>
 
 
 
 
 
 
 
 
 
 
169
  </div>
170
  </div>
171
  </div>
172
+ </nav>
 
 
 
 
 
 
 
 
 
 
 
173
 
174
+ <!-- Cookie Notice -->
175
+ <div class="bg-gray-800 text-white text-sm py-2 px-4 text-center">
176
+ We use cookies to run this website. See our <a href="https://onlyfans.com/cookies" class="underline hover:text-primary">Cookie Notice</a>.
 
 
 
 
 
 
177
  </div>
178
 
179
+ <!-- Profile Header -->
180
+ <div class="profile-header pt-16 pb-8">
181
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
182
+ <div class="flex flex-col items-center md:flex-row md:items-end">
183
+ <div class="relative -mt-16 mb-4 md:mb-0">
184
+ <div class="avatar-ring w-32 h-32 rounded-full overflow-hidden">
185
+ <img src="https://thumbs.onlyfans.com/public/files/thumbs/c144/0/04/048/048dqexzbmynekd9on0yzkqthmg1fife1729641244/424890650/avatar.jpg"
186
+ alt="Gemini" class="w-full h-full object-cover">
 
 
 
 
 
 
 
 
 
 
 
187
  </div>
 
188
  </div>
189
+ <div class="md:ml-6 text-center md:text-left text-white">
190
+ <h1 class="text-3xl font-bold">Gemini</h1>
191
+ <p class="text-gray-300 flex items-center justify-center md:justify-start mt-1">
192
+ <i class="fas fa-eye mr-1"></i> Seen Aug 19
193
+ <span class="mx-2">•</span>
194
+ <i class="fas fa-users mr-1"></i> <span id="followerCount">139</span> Followers
195
+ </p>
196
+ <p class="mt-2">@geminixtwin</p>
197
+ <p class="mt-2 italic">come watch me playy💕💕</p>
198
+ <div class="mt-4 flex justify-center md:justify-start space-x-2">
199
+ <button id="likeBtn" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full flex items-center">
200
+ <i class="fas fa-heart mr-2"></i> Like
201
+ </button>
202
+ <button id="shareBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-full flex items-center">
203
+ <i class="fas fa-share-alt mr-2"></i> Share
204
+ </button>
205
  </div>
 
206
  </div>
207
  </div>
208
  </div>
209
  </div>
210
 
211
+ <!-- Main Content -->
212
+ <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
213
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
214
+ <!-- Left Column - Links and Info -->
215
+ <div class="lg:col-span-1 space-y-6">
216
+ <!-- Links -->
217
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6">
218
+ <h2 class="text-xl font-semibold mb-4">Main Links</h2>
219
+ <div class="space-y-3">
220
+ <a href="https://onlyfans.com/away?url=https%3A%2F%2Fgeminixtwinn.vip%2F"
221
+ class="link-button block p-3 rounded-md flex items-center justify-between hover:bg-primary">
222
+ <span class="truncate">geminixtwinn.vip</span>
223
+ <i class="fas fa-external-link-alt text-gray-400"></i>
224
+ </a>
225
+ <a href="https://onlyfans.com/away?url=https%3A%2F%2Fwww.amazon.com%2Fhz%2Fwishlist%2Fls%2F3IP7MTT6XT6LA%3Fref_%3Dwl_share"
226
+ class="link-button block p-3 rounded-md flex items-center justify-between hover:bg-primary">
227
+ <span class="truncate">Amazon Wishlist</span>
228
+ <i class="fas fa-external-link-alt text-gray-400"></i>
229
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
230
  </div>
231
+ </div>
232
+
233
+ <!-- Social Media Links -->
234
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6">
235
+ <h2 class="text-xl font-semibold mb-4">Find Me On</h2>
236
+ <div class="grid grid-cols-2 gap-3">
237
+ <a href="#" class="social-button bg-blue-500 text-white p-3 rounded-md flex items-center justify-center hover:bg-blue-600">
238
+ <i class="fab fa-twitter mr-2"></i> Twitter
239
+ </a>
240
+ <a href="#" class="social-button bg-pink-500 text-white p-3 rounded-md flex items-center justify-center hover:bg-pink-600">
241
+ <i class="fab fa-instagram mr-2"></i> Instagram
242
+ </a>
243
+ <a href="#" class="social-button bg-red-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-red-700">
244
+ <i class="fab fa-youtube mr-2"></i> YouTube
245
+ </a>
246
+ <a href="#" class="social-button bg-purple-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-purple-700">
247
+ <i class="fab fa-twitch mr-2"></i> Twitch
248
+ </a>
249
+ <a href="#" class="social-button bg-blue-600 text-white p-3 rounded-md flex items-center justify-center hover:bg-blue-700">
250
+ <i class="fab fa-facebook mr-2"></i> Facebook
251
+ </a>
252
+ <a href="#" class="social-button bg-gray-700 text-white p-3 rounded-md flex items-center justify-center hover:bg-gray-600">
253
+ <i class="fab fa-snapchat mr-2"></i> Snapchat
254
+ </a>
255
  </div>
256
+ </div>
257
+
258
+ <!-- Stats -->
259
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6">
260
+ <h2 class="text-xl font-semibold mb-4">Stats</h2>
261
+ <div class="grid grid-cols-2 gap-4">
262
+ <div class="stats-card p-4 rounded-lg text-center">
263
+ <div class="text-2xl font-bold text-primary">1</div>
264
+ <div class="text-gray-400">Posts</div>
265
  </div>
266
+ <div class="stats-card p-4 rounded-lg text-center">
267
+ <div class="text-2xl font-bold text-primary">0</div>
268
+ <div class="text-gray-400">Media</div>
 
 
 
 
 
 
 
269
  </div>
270
+ <div class="stats-card p-4 rounded-lg text-center">
271
+ <div class="text-2xl font-bold text-primary">139</div>
272
+ <div class="text-gray-400">Followers</div>
 
 
 
 
 
 
 
273
  </div>
274
+ <div class="stats-card p-4 rounded-lg text-center">
275
+ <div class="text-2xl font-bold text-primary">50</div>
276
+ <div class="text-gray-400">Following</div>
 
 
 
 
 
 
 
277
  </div>
 
 
278
  </div>
279
+ </div>
280
  </div>
 
 
281
 
282
+ <!-- Center Column - Content -->
283
+ <div class="lg:col-span-2">
284
+ <!-- Subscription Info -->
285
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6 mb-6">
286
+ <div class="flex justify-between items-center mb-4">
287
+ <h2 class="text-xl font-semibold">Subscription</h2>
288
+ <span class="bg-green-900 text-green-300 text-sm font-medium px-3 py-1 rounded-full">Free</span>
289
+ </div>
290
+ <p class="text-gray-400 mb-6">Subscribe to see user's posts</p>
291
+ <button id="subscribeBtn" class="subscribe-btn text-white font-bold py-3 px-6 rounded-lg w-full">
292
+ SUBSCRIBE FOR FREE
293
+ </button>
294
+ <div class="mt-4 text-center">
295
+ <button id="giftBtn" class="text-accent-secondary hover:text-accent-primary">
296
+ <i class="fas fa-gift mr-1"></i> Send a Gift
297
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
298
  </div>
299
  </div>
300
+
301
+ <!-- Content Placeholder -->
302
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6 text-center">
303
+ <i class="fas fa-lock text-4xl text-gray-500 mb-4"></i>
304
+ <h3 class="text-xl font-semibold mb-2">Subscribe to see content</h3>
305
+ <p class="text-gray-400">This user's posts are only available to subscribers</p>
306
+
307
+ <!-- Interactive Preview Gallery -->
308
+ <div class="mt-6">
309
+ <h4 class="font-medium mb-3">Preview Gallery</h4>
310
+ <div class="grid grid-cols-3 gap-2">
311
+ <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80">
312
+ <i class="fas fa-image text-gray-500"></i>
313
+ </div>
314
+ <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80">
315
+ <i class="fas fa-video text-gray-500"></i>
316
+ </div>
317
+ <div class="aspect-square bg-gray-700 rounded-md flex items-center justify-center cursor-pointer hover:opacity-80">
318
+ <i class="fas fa-images text-gray-500"></i>
319
  </div>
 
 
 
 
 
 
 
320
  </div>
321
  </div>
322
  </div>
323
 
324
+ <!-- Recent Activity -->
325
+ <div class="bg-gray-800 rounded-lg shadow-sm p-6 mt-6">
326
+ <h2 class="text-xl font-semibold mb-4">Recent Activity</h2>
327
+ <div class="space-y-4">
328
+ <div class="flex items-start">
329
+ <div class="bg-gray-700 rounded-full p-2 mr-3">
330
+ <i class="fas fa-user-plus text-accent-primary"></i>
 
 
 
 
 
 
 
 
 
 
331
  </div>
 
 
 
332
  <div>
333
+ <p class="font-medium">New follower</p>
334
+ <p class="text-gray-400 text-sm">You gained a new follower</p>
335
+ <p class="text-gray-500 text-xs mt-1">2 hours ago</p>
336
  </div>
 
 
 
337
  </div>
338
+ <div class="flex items-start">
339
+ <div class="bg-gray-700 rounded-full p-2 mr-3">
340
+ <i class="fas fa-comment text-accent-secondary"></i>
341
+ </div>
342
+ <div>
343
+ <p class="font-medium">New comment</p>
344
+ <p class="text-gray-400 text-sm">Someone commented on your post</p>
345
+ <p class="text-gray-500 text-xs mt-1">1 day ago</p>
 
 
 
 
 
 
 
 
 
346
  </div>
 
 
 
 
 
 
 
347
  </div>
348
  </div>
349
  </div>
350
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
351
  </div>
352
+ </main>
353
 
354
  <!-- Footer -->
355
+ <footer class="bg-gray-800 border-t border-gray-700 mt-12 py-8">
356
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
357
+ <div class="flex flex-col md:flex-row justify-between items-center">
358
+ <div class="flex space-x-6 mb-4 md:mb-0">
359
+ <a href="https://onlyfans.com/privacy" class="text-gray-400 hover:text-primary text-sm">Privacy</a>
360
+ <a href="https://onlyfans.com/cookies" class="text-gray-400 hover:text-primary text-sm">Cookie Notice</a>
361
+ <a href="https://onlyfans.com/terms" class="text-gray-400 hover:text-primary text-sm">Terms of Service</a>
 
 
 
 
 
 
362
  </div>
363
+ <div class="text-gray-500 text-sm">
364
+ &copy; 2023 OnlyFans. All rights reserved.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
365
  </div>
366
  </div>
367
  </div>
368
  </footer>
369
 
370
  <script>
371
+ // Simple interaction for the subscribe button
372
+ document.querySelector('.subscribe-btn').addEventListener('click', function() {
373
+ alert('Subscription process would start here!');
 
374
  });
375
 
376
+ // Add click tracking for social links
377
+ document.querySelectorAll('.link-button').forEach(button => {
378
+ button.addEventListener('click', function() {
379
+ const platform = this.textContent.trim();
380
+ console.log(`Clicked on ${platform} link`);
381
+ });
382
+ });
383
  </script>
384
  <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=jblast94/new-fant2rlty-store" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
385
  </html>