Hugging Face's logo

Spaces:
docto41
/
ia-boot
Running

App Files Community
docto41 commited on
Commit
86e214a
·
verified ·
1 Parent(s): a985aff

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +203 -315
  2. prompts.txt +3 -1
index.html CHANGED
@@ -3,32 +3,21 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>AI Marketplace - Boutique d'Assistance IA</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
  <style>
11
- @keyframes float {
12
- 0% { transform: translateY(0px); }
13
- 50% { transform: translateY(-20px); }
14
- 100% { transform: translateY(0px); }
15
- }
16
- .floating {
17
- animation: float 6s ease-in-out infinite;
18
- }
19
  .gradient-bg {
20
- background: linear-gradient(135deg, #6e8efb, #a777e3);
21
  }
22
  .card-hover:hover {
23
- transform: translateY(-10px);
24
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
25
- }
26
- .transition-all {
27
- transition: all 0.3s ease;
28
  }
29
  .blur-effect {
30
  backdrop-filter: blur(10px);
31
- background-color: rgba(255, 255, 255, 0.1);
32
  }
33
  .admin-badge {
34
  position: absolute;
@@ -44,6 +33,23 @@
44
  justify-content: center;
45
  font-size: 12px;
46
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
47
  </style>
48
  </head>
49
  <body class="gradient-bg min-h-screen text-white">
@@ -53,11 +59,11 @@
53
  <div class="flex items-center justify-between h-16">
54
  <div class="flex items-center">
55
  <div class="flex-shrink-0">
56
- <span class="text-xl font-bold">AI Marketplace</span>
57
  </div>
58
  <div class="hidden md:block">
59
  <div class="ml-10 flex items-baseline space-x-4">
60
- <a href="#services" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Services</a>
61
  <a href="#dashboard" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Tableau de bord</a>
62
  <a href="#cart" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Panier</a>
63
  </div>
@@ -66,7 +72,7 @@
66
  <div class="hidden md:block">
67
  <div class="ml-4 flex items-center md:ml-6">
68
  <button id="user-menu" class="p-1 rounded-full text-white hover:text-white focus:outline-none">
69
- <span class="sr-only">Open user menu</span>
70
  <i class="fas fa-user-circle text-2xl"></i>
71
  <span id="user-status" class="ml-2 text-sm hidden md:inline">Non connecté</span>
72
  </button>
@@ -74,7 +80,7 @@
74
  </div>
75
  <div class="-mr-2 flex md:hidden">
76
  <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-white focus:outline-none">
77
- <span class="sr-only">Open main menu</span>
78
  <i class="fas fa-bars"></i>
79
  </button>
80
  </div>
@@ -84,7 +90,7 @@
84
  <!-- Mobile menu -->
85
  <div id="mobile-menu" class="hidden md:hidden">
86
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
87
- <a href="#services" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Services</a>
88
  <a href="#dashboard" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Tableau de bord</a>
89
  <a href="#cart" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Panier</a>
90
  </div>
@@ -124,7 +130,7 @@
124
  </h3>
125
  <div class="mt-2">
126
  <p class="text-sm text-gray-500">
127
- Connectez-vous pour accéder à tous les services.
128
  </p>
129
  <form class="mt-4 space-y-4">
130
  <div>
@@ -135,12 +141,6 @@
135
  <label for="login-password" class="block text-sm font-medium text-gray-700">Mot de passe</label>
136
  <input type="password" id="login-password" name="password" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md p-2 border">
137
  </div>
138
- <div class="flex items-center">
139
- <input id="remember-me" name="remember-me" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded">
140
- <label for="remember-me" class="ml-2 block text-sm text-gray-700">
141
- Se souvenir de moi
142
- </label>
143
- </div>
144
  </form>
145
  </div>
146
  </div>
@@ -177,7 +177,7 @@
177
  </h3>
178
  <div class="mt-2">
179
  <p class="text-sm text-gray-500">
180
- Vous devez souscrire à un abonnement pour accéder à nos services IA.
181
  </p>
182
  <div class="mt-4 grid grid-cols-1 gap-4">
183
  <div class="border rounded-lg p-4 hover:border-indigo-500 transition-all">
@@ -220,241 +220,46 @@
220
  <div class="max-w-7xl mx-auto">
221
  <div class="text-center">
222
  <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">
223
- <span class="block">Boutique d'Assistance IA</span>
224
- <span class="block text-indigo-200">986200 Services Disponibles</span>
225
  </h1>
226
  <p class="mt-3 max-w-md mx-auto text-base text-indigo-100 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
227
- Accédez à notre puissante intelligence artificielle pour automatiser vos tâches et booster votre productivité.
228
  </p>
229
  <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
230
  <div class="rounded-md shadow">
231
- <button id="subscribe-btn" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 md:py-4 md:text-lg md:px-10 transition-all">
232
  S'abonner Maintenant
233
  </button>
234
  </div>
235
  <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
236
- <a href="#services" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-600 md:py-4 md:text-lg md:px-10 transition-all">
237
- Voir les Services
238
  </a>
239
  </div>
240
  </div>
241
  </div>
242
  </div>
243
- <div class="absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none">
244
- <div class="absolute top-20 right-20 w-64 h-64 rounded-full bg-indigo-400 opacity-20 floating" style="animation-delay: 0s;"></div>
245
- <div class="absolute top-1/3 left-1/4 w-48 h-48 rounded-full bg-purple-400 opacity-20 floating" style="animation-delay: 1s;"></div>
246
- <div class="absolute bottom-20 right-1/4 w-32 h-32 rounded-full bg-pink-400 opacity-20 floating" style="animation-delay: 2s;"></div>
247
- </div>
248
  </div>
249
 
250
- <!-- Services Section -->
251
- <section id="services" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
252
  <div class="text-center mb-12">
253
  <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
254
- Nos Services IA
255
  </h2>
256
  <p class="mt-3 max-w-2xl mx-auto text-xl text-indigo-100 sm:mt-4">
257
- Choisissez parmi nos 986200 services d'assistance IA spécialisés
258
  </p>
259
  </div>
260
 
261
- <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
262
- <!-- Service Card 1 -->
263
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
264
- <div class="admin-badge hidden">
265
- <i class="fas fa-crown"></i>
266
- </div>
267
- <div class="p-5">
268
- <div class="flex items-center">
269
- <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3">
270
- <i class="fas fa-robot text-white text-xl"></i>
271
- </div>
272
- <div class="ml-4">
273
- <h3 class="text-lg font-medium">Assistant IA Général</h3>
274
- <p class="mt-1 text-sm text-indigo-100">Réponses intelligentes à toutes vos questions</p>
275
- </div>
276
- </div>
277
- <div class="mt-4">
278
- <p class="text-sm text-indigo-100">
279
- Notre IA avancée peut répondre à toutes vos questions, analyser des documents et fournir des insights pertinents.
280
- </p>
281
- </div>
282
- <div class="mt-6 flex items-center justify-between">
283
- <span class="text-2xl font-bold">9.99€</span>
284
- <button onclick="addToCart('Assistant IA Général', 9.99, 'service1')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
285
- Ajouter au panier
286
- </button>
287
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
288
- Accès Gratuit
289
- </button>
290
- </div>
291
- </div>
292
- </div>
293
-
294
- <!-- Service Card 2 -->
295
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
296
- <div class="admin-badge hidden">
297
- <i class="fas fa-crown"></i>
298
- </div>
299
- <div class="p-5">
300
- <div class="flex items-center">
301
- <div class="flex-shrink-0 bg-purple-500 rounded-md p-3">
302
- <i class="fas fa-chart-line text-white text-xl"></i>
303
- </div>
304
- <div class="ml-4">
305
- <h3 class="text-lg font-medium">Analyse de Données</h3>
306
- <p class="mt-1 text-sm text-indigo-100">Analyse avancée de vos datasets</p>
307
- </div>
308
- </div>
309
- <div class="mt-4">
310
- <p class="text-sm text-indigo-100">
311
- Notre IA peut analyser vos données, identifier des tendances et générer des rapports détaillés en quelques secondes.
312
- </p>
313
- </div>
314
- <div class="mt-6 flex items-center justify-between">
315
- <span class="text-2xl font-bold">14.99€</span>
316
- <button onclick="addToCart('Analyse de Données', 14.99, 'service2')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
317
- Ajouter au panier
318
- </button>
319
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
320
- Accès Gratuit
321
- </button>
322
- </div>
323
- </div>
324
- </div>
325
-
326
- <!-- Service Card 3 -->
327
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
328
- <div class="admin-badge hidden">
329
- <i class="fas fa-crown"></i>
330
- </div>
331
- <div class="p-5">
332
- <div class="flex items-center">
333
- <div class="flex-shrink-0 bg-pink-500 rounded-md p-3">
334
- <i class="fas fa-language text-white text-xl"></i>
335
- </div>
336
- <div class="ml-4">
337
- <h3 class="text-lg font-medium">Traduction IA</h3>
338
- <p class="mt-1 text-sm text-indigo-100">Traduction précise en 50+ langues</p>
339
- </div>
340
- </div>
341
- <div class="mt-4">
342
- <p class="text-sm text-indigo-100">
343
- Traduction de haute qualité avec compréhension contextuelle pour des résultats naturels et précis.
344
- </p>
345
- </div>
346
- <div class="mt-6 flex items-center justify-between">
347
- <span class="text-2xl font-bold">7.99€</span>
348
- <button onclick="addToCart('Traduction IA', 7.99, 'service3')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
349
- Ajouter au panier
350
- </button>
351
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
352
- Accès Gratuit
353
- </button>
354
- </div>
355
- </div>
356
- </div>
357
-
358
- <!-- Service Card 4 -->
359
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
360
- <div class="admin-badge hidden">
361
- <i class="fas fa-crown"></i>
362
- </div>
363
- <div class="p-5">
364
- <div class="flex items-center">
365
- <div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
366
- <i class="fas fa-code text-white text-xl"></i>
367
- </div>
368
- <div class="ml-4">
369
- <h3 class="text-lg font-medium">Génération de Code</h3>
370
- <p class="mt-1 text-sm text-indigo-100">Code propre et fonctionnel en 10+ langages</p>
371
- </div>
372
- </div>
373
- <div class="mt-4">
374
- <p class="text-sm text-indigo-100">
375
- Générez du code à partir de descriptions en langage naturel. Support pour Python, JavaScript, Java, C++ et plus.
376
- </p>
377
- </div>
378
- <div class="mt-6 flex items-center justify-between">
379
- <span class="text-2xl font-bold">12.99€</span>
380
- <button onclick="addToCart('Génération de Code', 12.99, 'service4')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
381
- Ajouter au panier
382
- </button>
383
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
384
- Accès Gratuit
385
- </button>
386
- </div>
387
- </div>
388
- </div>
389
-
390
- <!-- Service Card 5 -->
391
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
392
- <div class="admin-badge hidden">
393
- <i class="fas fa-crown"></i>
394
- </div>
395
- <div class="p-5">
396
- <div class="flex items-center">
397
- <div class="flex-shrink-0 bg-green-500 rounded-md p-3">
398
- <i class="fas fa-image text-white text-xl"></i>
399
- </div>
400
- <div class="ml-4">
401
- <h3 class="text-lg font-medium">Génération d'Images</h3>
402
- <p class="mt-1 text-sm text-indigo-100">Créez des images uniques à partir de texte</p>
403
- </div>
404
- </div>
405
- <div class="mt-4">
406
- <p class="text-sm text-indigo-100">
407
- Générez des images haute résolution à partir de descriptions textuelles. Parfait pour le marketing et le design.
408
- </p>
409
- </div>
410
- <div class="mt-6 flex items-center justify-between">
411
- <span class="text-2xl font-bold">5.99€</span>
412
- <button onclick="addToCart('Génération d\'Images', 5.99, 'service5')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
413
- Ajouter au panier
414
- </button>
415
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
416
- Accès Gratuit
417
- </button>
418
- </div>
419
- </div>
420
- </div>
421
-
422
- <!-- Service Card 6 -->
423
- <div class="bg-white bg-opacity-10 rounded-lg overflow-hidden shadow-lg card-hover transition-all relative">
424
- <div class="admin-badge hidden">
425
- <i class="fas fa-crown"></i>
426
- </div>
427
- <div class="p-5">
428
- <div class="flex items-center">
429
- <div class="flex-shrink-0 bg-yellow-500 rounded-md p-3">
430
- <i class="fas fa-video text-white text-xl"></i>
431
- </div>
432
- <div class="ml-4">
433
- <h3 class="text-lg font-medium">Édition Vidéo IA</h3>
434
- <p class="mt-1 text-sm text-indigo-100">Montage vidéo automatisé et intelligent</p>
435
- </div>
436
- </div>
437
- <div class="mt-4">
438
- <p class="text-sm text-indigo-100">
439
- Notre IA peut éditer vos vidéos automatiquement, ajouter des transitions, des effets et même générer des sous-titres.
440
- </p>
441
- </div>
442
- <div class="mt-6 flex items-center justify-between">
443
- <span class="text-2xl font-bold">19.99€</span>
444
- <button onclick="addToCart('Édition Vidéo IA', 19.99, 'service6')" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 transition-all">
445
- Ajouter au panier
446
- </button>
447
- <button id="free-access-btn" class="hidden px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition-all">
448
- Accès Gratuit
449
- </button>
450
- </div>
451
- </div>
452
- </div>
453
  </div>
454
 
455
  <div class="mt-12 text-center">
456
- <button class="px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition-all">
457
- Voir tous les 986200 services
458
  </button>
459
  </div>
460
  </section>
@@ -463,10 +268,10 @@
463
  <section id="dashboard" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-white bg-opacity-10 rounded-xl mt-12">
464
  <div class="text-center mb-12">
465
  <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
466
- Tableau de Bord
467
  </h2>
468
  <p class="mt-3 max-w-2xl mx-auto text-xl text-indigo-100 sm:mt-4">
469
- Gérez vos paiements et vos services
470
  </p>
471
  </div>
472
 
@@ -482,10 +287,11 @@
482
  <div>
483
  <h4 class="font-medium">PayPal</h4>
484
  <p class="text-sm text-indigo-100">Paiements sécurisés via PayPal</p>
 
485
  </div>
486
  </div>
487
- <button onclick="window.open('https://www.paypal.com/paypalme/yourusername', '_blank')" class="px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 transition-all">
488
- Configurer
489
  </button>
490
  </div>
491
 
@@ -495,10 +301,11 @@
495
  <div>
496
  <h4 class="font-medium">Stripe</h4>
497
  <p class="text-sm text-indigo-100">Paiements par carte bancaire</p>
 
498
  </div>
499
  </div>
500
- <button onclick="window.open('https://dashboard.stripe.com/account', '_blank')" class="px-4 py-2 bg-purple-600 text-white text-sm font-medium rounded-md hover:bg-purple-700 transition-all">
501
- Configurer
502
  </button>
503
  </div>
504
  </div>
@@ -511,11 +318,11 @@
511
  <div class="grid grid-cols-2 gap-4 mb-6">
512
  <div class="bg-white bg-opacity-10 p-4 rounded-lg">
513
  <p class="text-sm text-indigo-100">Revenus Totaux</p>
514
- <p class="text-2xl font-bold">1,245.50€</p>
515
  </div>
516
  <div class="bg-white bg-opacity-10 p-4 rounded-lg">
517
  <p class="text-sm text-indigo-100">Paiements ce mois</p>
518
- <p class="text-2xl font-bold">325.97€</p>
519
  </div>
520
  </div>
521
 
@@ -532,58 +339,14 @@
532
  <thead>
533
  <tr>
534
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Date</th>
535
- <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Service</th>
536
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Montant</th>
537
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Méthode</th>
538
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Statut</th>
539
  </tr>
540
  </thead>
541
- <tbody class="divide-y divide-white divide-opacity-10">
542
- <tr>
543
- <td class="px-6 py-4 whitespace-nowrap text-sm">15/06/2023</td>
544
- <td class="px-6 py-4 whitespace-nowrap text-sm">Assistant IA Général</td>
545
- <td class="px-6 py-4 whitespace-nowrap text-sm">9.99€</td>
546
- <td class="px-6 py-4 whitespace-nowrap text-sm">
547
- <span class="flex items-center">
548
- <i class="fab fa-cc-paypal text-blue-500 mr-2"></i> PayPal
549
- </span>
550
- </td>
551
- <td class="px-6 py-4 whitespace-nowrap text-sm">
552
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
553
- Complété
554
- </span>
555
- </td>
556
- </tr>
557
- <tr>
558
- <td class="px-6 py-4 whitespace-nowrap text-sm">10/06/2023</td>
559
- <td class="px-6 py-4 whitespace-nowrap text-sm">Analyse de Données</td>
560
- <td class="px-6 py-4 whitespace-nowrap text-sm">14.99€</td>
561
- <td class="px-6 py-4 whitespace-nowrap text-sm">
562
- <span class="flex items-center">
563
- <i class="fab fa-cc-stripe text-purple-500 mr-2"></i> Stripe
564
- </span>
565
- </td>
566
- <td class="px-6 py-4 whitespace-nowrap text-sm">
567
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
568
- Complété
569
- </span>
570
- </td>
571
- </tr>
572
- <tr>
573
- <td class="px-6 py-4 whitespace-nowrap text-sm">05/06/2023</td>
574
- <td class="px-6 py-4 whitespace-nowrap text-sm">Génération de Code</td>
575
- <td class="px-6 py-4 whitespace-nowrap text-sm">12.99€</td>
576
- <td class="px-6 py-4 whitespace-nowrap text-sm">
577
- <span class="flex items-center">
578
- <i class="fab fa-cc-paypal text-blue-500 mr-2"></i> PayPal
579
- </span>
580
- </td>
581
- <td class="px-6 py-4 whitespace-nowrap text-sm">
582
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
583
- En attente
584
- </span>
585
- </td>
586
- </tr>
587
  </tbody>
588
  </table>
589
  </div>
@@ -609,10 +372,10 @@
609
  </div>
610
 
611
  <div class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2">
612
- <button onclick="window.open('https://www.paypal.com/checkoutnow?token=YOUR_TOKEN', '_blank')" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 transition-all">
613
  <i class="fab fa-cc-paypal mr-2"></i> Payer avec PayPal
614
  </button>
615
- <button onclick="window.open('https://checkout.stripe.com/pay/YOUR_SESSION_ID', '_blank')" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 transition-all">
616
  <i class="fab fa-cc-stripe mr-2"></i> Payer avec Stripe
617
  </button>
618
  </div>
@@ -625,9 +388,9 @@
625
  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
626
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
627
  <div>
628
- <h3 class="text-sm font-semibold uppercase tracking-wider">Services</h3>
629
  <ul class="mt-4 space-y-2">
630
- <li><a href="#" class="text-indigo-100 hover:text-white">Tous les services</a></li>
631
  <li><a href="#" class="text-indigo-100 hover:text-white">Nouveautés</a></li>
632
  <li><a href="#" class="text-indigo-100 hover:text-white">Populaires</a></li>
633
  </ul>
@@ -659,7 +422,7 @@
659
  </div>
660
  <div class="mt-12 border-t border-white border-opacity-20 pt-8 flex flex-col items-center">
661
  <p class="text-indigo-100 text-sm">
662
- &copy; 2023 AI Marketplace. Tous droits réservés.
663
  </p>
664
  <div class="mt-4 flex space-x-6">
665
  <a href="#" class="text-indigo-100 hover:text-white">
@@ -686,6 +449,28 @@
686
  { email: "[email protected]", password: "Admin270574@" }
687
  ];
688
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
689
  // Mobile menu toggle
690
  document.getElementById('mobile-menu-button').addEventListener('click', function() {
691
  const menu = document.getElementById('mobile-menu');
@@ -738,12 +523,12 @@
738
  badge.classList.remove('hidden');
739
  });
740
 
741
- document.querySelectorAll('#free-access-btn').forEach(btn => {
742
  btn.classList.remove('hidden');
743
  btn.previousElementSibling.classList.add('hidden');
744
  });
745
 
746
- alert('Bienvenue Administrateur! Vous avez accès à tous les services gratuitement.');
747
  } else {
748
  // For regular users, show subscription modal
749
  localStorage.setItem('loggedIn', 'true');
@@ -763,7 +548,7 @@
763
  if (!localStorage.getItem('loggedIn')) {
764
  document.getElementById('login-modal').classList.remove('hidden');
765
  } else if (localStorage.getItem('isAdmin') === 'true') {
766
- alert('Vous êtes administrateur, vous avez déjà accès à tous les services gratuitement.');
767
  } else {
768
  document.getElementById('subscribe-modal').classList.remove('hidden');
769
  }
@@ -781,7 +566,7 @@
781
  localStorage.setItem('subscriptionPlan', plan);
782
 
783
  document.getElementById('subscribe-modal').classList.add('hidden');
784
- alert(`Merci pour votre abonnement ${price}! Vous avez maintenant accès à tous les services.`);
785
 
786
  updateUserStatus();
787
  });
@@ -806,7 +591,7 @@
806
  badge.classList.add('hidden');
807
  });
808
 
809
- document.querySelectorAll('#free-access-btn').forEach(btn => {
810
  btn.classList.add('hidden');
811
  btn.previousElementSibling.classList.remove('hidden');
812
  });
@@ -851,7 +636,7 @@
851
 
852
  // Check if user is admin (free access)
853
  if (localStorage.getItem('isAdmin') === 'true') {
854
- alert('En tant qu\'administrateur, vous avez accès gratuit à ce service.');
855
  return;
856
  }
857
 
@@ -922,11 +707,121 @@
922
  cartTotal.textContent = total.toFixed(2) + '€';
923
  }
924
 
925
- // Payment chart
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
926
  document.addEventListener('DOMContentLoaded', function() {
927
  // Initialize user status
928
  updateUserStatus();
929
 
 
 
 
 
930
  const ctx = document.getElementById('paymentChart').getContext('2d');
931
  const chart = new Chart(ctx, {
932
  type: 'line',
@@ -970,16 +865,9 @@
970
  }
971
  }
972
  });
973
- });
974
-
975
- // Free access buttons functionality
976
- document.querySelectorAll('#free-access-btn').forEach(btn => {
977
- btn.addEventListener('click', function() {
978
- if (localStorage.getItem('isAdmin') === 'true') {
979
- const serviceName = this.parentNode.querySelector('span').textContent.replace('€', '').trim();
980
- alert(`Accès gratuit accordé au service: ${serviceName}`);
981
- }
982
- });
983
  });
984
  </script>
985
  <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=docto41/ia-boot" 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>Mega Marketplace - La plus grande plateforme au monde</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
  <style>
 
 
 
 
 
 
 
 
11
  .gradient-bg {
12
+ background: linear-gradient(135deg, #1e3a8a, #7e22ce);
13
  }
14
  .card-hover:hover {
15
+ transform: translateY(-5px);
16
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
 
 
 
17
  }
18
  .blur-effect {
19
  backdrop-filter: blur(10px);
20
+ background-color: rgba(0, 0, 0, 0.5);
21
  }
22
  .admin-badge {
23
  position: absolute;
 
33
  justify-content: center;
34
  font-size: 12px;
35
  }
36
+ .product-grid {
37
+ display: grid;
38
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
39
+ gap: 1.5rem;
40
+ }
41
+ .button-grid {
42
+ display: grid;
43
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
44
+ gap: 1rem;
45
+ }
46
+ @keyframes pulse {
47
+ 0%, 100% { transform: scale(1); }
48
+ 50% { transform: scale(1.05); }
49
+ }
50
+ .pulse-animation {
51
+ animation: pulse 2s infinite;
52
+ }
53
  </style>
54
  </head>
55
  <body class="gradient-bg min-h-screen text-white">
 
59
  <div class="flex items-center justify-between h-16">
60
  <div class="flex items-center">
61
  <div class="flex-shrink-0">
62
+ <span class="text-xl font-bold">Mega Marketplace</span>
63
  </div>
64
  <div class="hidden md:block">
65
  <div class="ml-10 flex items-baseline space-x-4">
66
+ <a href="#products" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Produits</a>
67
  <a href="#dashboard" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Tableau de bord</a>
68
  <a href="#cart" class="px-3 py-2 rounded-md text-sm font-medium hover:bg-white hover:bg-opacity-20">Panier</a>
69
  </div>
 
72
  <div class="hidden md:block">
73
  <div class="ml-4 flex items-center md:ml-6">
74
  <button id="user-menu" class="p-1 rounded-full text-white hover:text-white focus:outline-none">
75
+ <span class="sr-only">Menu utilisateur</span>
76
  <i class="fas fa-user-circle text-2xl"></i>
77
  <span id="user-status" class="ml-2 text-sm hidden md:inline">Non connecté</span>
78
  </button>
 
80
  </div>
81
  <div class="-mr-2 flex md:hidden">
82
  <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-white focus:outline-none">
83
+ <span class="sr-only">Menu principal</span>
84
  <i class="fas fa-bars"></i>
85
  </button>
86
  </div>
 
90
  <!-- Mobile menu -->
91
  <div id="mobile-menu" class="hidden md:hidden">
92
  <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
93
+ <a href="#products" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Produits</a>
94
  <a href="#dashboard" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Tableau de bord</a>
95
  <a href="#cart" class="block px-3 py-2 rounded-md text-base font-medium hover:bg-white hover:bg-opacity-20">Panier</a>
96
  </div>
 
130
  </h3>
131
  <div class="mt-2">
132
  <p class="text-sm text-gray-500">
133
+ Connectez-vous pour accéder à tous les produits.
134
  </p>
135
  <form class="mt-4 space-y-4">
136
  <div>
 
141
  <label for="login-password" class="block text-sm font-medium text-gray-700">Mot de passe</label>
142
  <input type="password" id="login-password" name="password" class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md p-2 border">
143
  </div>
 
 
 
 
 
 
144
  </form>
145
  </div>
146
  </div>
 
177
  </h3>
178
  <div class="mt-2">
179
  <p class="text-sm text-gray-500">
180
+ Vous devez souscrire à un abonnement pour accéder à nos produits.
181
  </p>
182
  <div class="mt-4 grid grid-cols-1 gap-4">
183
  <div class="border rounded-lg p-4 hover:border-indigo-500 transition-all">
 
220
  <div class="max-w-7xl mx-auto">
221
  <div class="text-center">
222
  <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">
223
+ <span class="block">Mega Marketplace</span>
224
+ <span class="block text-indigo-200">9,790,078 produits disponibles</span>
225
  </h1>
226
  <p class="mt-3 max-w-md mx-auto text-base text-indigo-100 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
227
+ La plus grande plateforme de vente au monde avec des millions de produits uniques.
228
  </p>
229
  <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
230
  <div class="rounded-md shadow">
231
+ <button id="subscribe-btn" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 md:py-4 md:text-lg md:px-10 transition-all pulse-animation">
232
  S'abonner Maintenant
233
  </button>
234
  </div>
235
  <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
236
+ <a href="#products" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-500 hover:bg-indigo-600 md:py-4 md:text-lg md:px-10 transition-all">
237
+ Voir les Produits
238
  </a>
239
  </div>
240
  </div>
241
  </div>
242
  </div>
 
 
 
 
 
243
  </div>
244
 
245
+ <!-- Products Section -->
246
+ <section id="products" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
247
  <div class="text-center mb-12">
248
  <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
249
+ Nos Produits
250
  </h2>
251
  <p class="mt-3 max-w-2xl mx-auto text-xl text-indigo-100 sm:mt-4">
252
+ Choisissez parmi nos 9,790,078 produits disponibles
253
  </p>
254
  </div>
255
 
256
+ <div class="button-grid" id="products-container">
257
+ <!-- Products will be dynamically loaded here -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
  </div>
259
 
260
  <div class="mt-12 text-center">
261
+ <button id="load-more" class="px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 transition-all">
262
+ Charger plus de produits
263
  </button>
264
  </div>
265
  </section>
 
268
  <section id="dashboard" class="py-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto bg-white bg-opacity-10 rounded-xl mt-12">
269
  <div class="text-center mb-12">
270
  <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
271
+ Tableau de Bord Administrateur
272
  </h2>
273
  <p class="mt-3 max-w-2xl mx-auto text-xl text-indigo-100 sm:mt-4">
274
+ Gérez vos paiements et vos produits
275
  </p>
276
  </div>
277
 
 
287
  <div>
288
  <h4 class="font-medium">PayPal</h4>
289
  <p class="text-sm text-indigo-100">Paiements sécurisés via PayPal</p>
290
+ <p class="text-xs text-indigo-200 mt-1">[email protected]</p>
291
  </div>
292
  </div>
293
+ <button onclick="window.open('https://www.paypal.com/paypalme/vgpbavol', '_blank')" class="px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 transition-all">
294
+ Payer
295
  </button>
296
  </div>
297
 
 
301
  <div>
302
  <h4 class="font-medium">Stripe</h4>
303
  <p class="text-sm text-indigo-100">Paiements par carte bancaire</p>
304
+ <p class="text-xs text-indigo-200 mt-1">[email protected]</p>
305
  </div>
306
  </div>
307
+ <button onclick="window.open('https://buy.stripe.com/test_14k6rD5JZ3mD4OQ6oo', '_blank')" class="px-4 py-2 bg-purple-600 text-white text-sm font-medium rounded-md hover:bg-purple-700 transition-all">
308
+ Payer
309
  </button>
310
  </div>
311
  </div>
 
318
  <div class="grid grid-cols-2 gap-4 mb-6">
319
  <div class="bg-white bg-opacity-10 p-4 rounded-lg">
320
  <p class="text-sm text-indigo-100">Revenus Totaux</p>
321
+ <p class="text-2xl font-bold" id="total-revenue">1,245.50€</p>
322
  </div>
323
  <div class="bg-white bg-opacity-10 p-4 rounded-lg">
324
  <p class="text-sm text-indigo-100">Paiements ce mois</p>
325
+ <p class="text-2xl font-bold" id="monthly-revenue">325.97€</p>
326
  </div>
327
  </div>
328
 
 
339
  <thead>
340
  <tr>
341
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Date</th>
342
+ <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Produit</th>
343
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Montant</th>
344
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Méthode</th>
345
  <th class="px-6 py-3 text-left text-xs font-medium text-indigo-100 uppercase tracking-wider">Statut</th>
346
  </tr>
347
  </thead>
348
+ <tbody class="divide-y divide-white divide-opacity-10" id="recent-payments">
349
+ <!-- Payments will be loaded here -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
350
  </tbody>
351
  </table>
352
  </div>
 
372
  </div>
373
 
374
  <div class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2">
375
+ <button onclick="window.open('https://www.paypal.com/paypalme/vgpbavol', '_blank')" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 transition-all">
376
  <i class="fab fa-cc-paypal mr-2"></i> Payer avec PayPal
377
  </button>
378
+ <button onclick="window.open('https://buy.stripe.com/test_14k6rD5JZ3mD4OQ6oo', '_blank')" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 transition-all">
379
  <i class="fab fa-cc-stripe mr-2"></i> Payer avec Stripe
380
  </button>
381
  </div>
 
388
  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
389
  <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
390
  <div>
391
+ <h3 class="text-sm font-semibold uppercase tracking-wider">Produits</h3>
392
  <ul class="mt-4 space-y-2">
393
+ <li><a href="#" class="text-indigo-100 hover:text-white">Tous les produits</a></li>
394
  <li><a href="#" class="text-indigo-100 hover:text-white">Nouveautés</a></li>
395
  <li><a href="#" class="text-indigo-100 hover:text-white">Populaires</a></li>
396
  </ul>
 
422
  </div>
423
  <div class="mt-12 border-t border-white border-opacity-20 pt-8 flex flex-col items-center">
424
  <p class="text-indigo-100 text-sm">
425
+ &copy; 2023 Mega Marketplace. Tous droits réservés.
426
  </p>
427
  <div class="mt-4 flex space-x-6">
428
  <a href="#" class="text-indigo-100 hover:text-white">
 
449
  { email: "[email protected]", password: "Admin270574@" }
450
  ];
451
 
452
+ // Sample products data (9,790,078 products)
453
+ const allProducts = [];
454
+ const categories = ["Électronique", "Mode", "Maison", "Beauté", "Sport", "Jouets", "Alimentation", "Automobile"];
455
+ const prices = [9.99, 19.99, 29.99, 39.99, 49.99, 59.99, 69.99, 79.99, 89.99, 99.99];
456
+ const icons = ["mobile-alt", "tshirt", "home", "spa", "basketball-ball", "gamepad", "utensils", "car"];
457
+
458
+ for (let i = 1; i <= 9790078; i++) {
459
+ allProducts.push({
460
+ id: `product-${i}`,
461
+ name: `Produit Premium ${i}`,
462
+ category: categories[i % categories.length],
463
+ description: `Ce produit premium de la catégorie ${categories[i % categories.length]} est unique et de haute qualité.`,
464
+ price: prices[i % prices.length],
465
+ icon: icons[i % icons.length],
466
+ url: `https://example.com/product/${i}`
467
+ });
468
+ }
469
+
470
+ // Current displayed products
471
+ let displayedProducts = 0;
472
+ const productsPerLoad = 50;
473
+
474
  // Mobile menu toggle
475
  document.getElementById('mobile-menu-button').addEventListener('click', function() {
476
  const menu = document.getElementById('mobile-menu');
 
523
  badge.classList.remove('hidden');
524
  });
525
 
526
+ document.querySelectorAll('.free-access-btn').forEach(btn => {
527
  btn.classList.remove('hidden');
528
  btn.previousElementSibling.classList.add('hidden');
529
  });
530
 
531
+ alert('Bienvenue Administrateur! Vous avez accès à tous les produits gratuitement.');
532
  } else {
533
  // For regular users, show subscription modal
534
  localStorage.setItem('loggedIn', 'true');
 
548
  if (!localStorage.getItem('loggedIn')) {
549
  document.getElementById('login-modal').classList.remove('hidden');
550
  } else if (localStorage.getItem('isAdmin') === 'true') {
551
+ alert('Vous êtes administrateur, vous avez déjà accès à tous les produits gratuitement.');
552
  } else {
553
  document.getElementById('subscribe-modal').classList.remove('hidden');
554
  }
 
566
  localStorage.setItem('subscriptionPlan', plan);
567
 
568
  document.getElementById('subscribe-modal').classList.add('hidden');
569
+ alert(`Merci pour votre abonnement ${price}! Vous avez maintenant accès à tous les produits.`);
570
 
571
  updateUserStatus();
572
  });
 
591
  badge.classList.add('hidden');
592
  });
593
 
594
+ document.querySelectorAll('.free-access-btn').forEach(btn => {
595
  btn.classList.add('hidden');
596
  btn.previousElementSibling.classList.remove('hidden');
597
  });
 
636
 
637
  // Check if user is admin (free access)
638
  if (localStorage.getItem('isAdmin') === 'true') {
639
+ alert('En tant qu\'administrateur, vous avez accès gratuit à ce produit.');
640
  return;
641
  }
642
 
 
707
  cartTotal.textContent = total.toFixed(2) + '€';
708
  }
709
 
710
+ function addRecentPayment(amount, method) {
711
+ const payment = {
712
+ date: new Date().toLocaleDateString('fr-FR'),
713
+ product: cart.length > 1 ? `${cart.length} produits` : cart[0].name,
714
+ amount: amount.toFixed(2) + '€',
715
+ method: method,
716
+ status: 'Complété'
717
+ };
718
+
719
+ // Add to recent payments in dashboard
720
+ const payments = JSON.parse(localStorage.getItem('recentPayments') || '[]');
721
+ payments.unshift(payment);
722
+ localStorage.setItem('recentPayments', JSON.stringify(payments));
723
+
724
+ // Update dashboard
725
+ updateDashboard();
726
+ }
727
+
728
+ function updateDashboard() {
729
+ const payments = JSON.parse(localStorage.getItem('recentPayments') || '[]');
730
+
731
+ // Update recent payments table
732
+ const paymentsContainer = document.getElementById('recent-payments');
733
+ paymentsContainer.innerHTML = '';
734
+
735
+ payments.slice(0, 5).forEach(payment => {
736
+ paymentsContainer.innerHTML += `
737
+ <tr>
738
+ <td class="px-6 py-4 whitespace-nowrap text-sm">${payment.date}</td>
739
+ <td class="px-6 py-4 whitespace-nowrap text-sm">${payment.product}</td>
740
+ <td class="px-6 py-4 whitespace-nowrap text-sm">${payment.amount}</td>
741
+ <td class="px-6 py-4 whitespace-nowrap text-sm">
742
+ <span class="flex items-center">
743
+ <i class="fab fa-cc-${payment.method.toLowerCase()} text-${payment.method === 'PayPal' ? 'blue' : 'purple'}-500 mr-2"></i> ${payment.method}
744
+ </span>
745
+ </td>
746
+ <td class="px-6 py-4 whitespace-nowrap text-sm">
747
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
748
+ ${payment.status}
749
+ </span>
750
+ </td>
751
+ </tr>
752
+ `;
753
+ });
754
+
755
+ // Update revenue stats
756
+ const totalRevenue = payments.reduce((sum, payment) => sum + parseFloat(payment.amount), 0);
757
+ const monthlyRevenue = payments
758
+ .filter(p => new Date(p.date).getMonth() === new Date().getMonth())
759
+ .reduce((sum, payment) => sum + parseFloat(payment.amount), 0);
760
+
761
+ document.getElementById('total-revenue').textContent = totalRevenue.toFixed(2) + '€';
762
+ document.getElementById('monthly-revenue').textContent = monthlyRevenue.toFixed(2) + '€';
763
+ }
764
+
765
+ // Load more products
766
+ document.getElementById('load-more').addEventListener('click', function() {
767
+ loadProducts();
768
+ });
769
+
770
+ function loadProducts() {
771
+ const productsContainer = document.getElementById('products-container');
772
+ const end = Math.min(displayedProducts + productsPerLoad, allProducts.length);
773
+
774
+ for (let i = displayedProducts; i < end; i++) {
775
+ const product = allProducts[i];
776
+ productsContainer.innerHTML += `
777
+ <div class="bg-white bg-opacity-10 rounded-lg p-4 hover:bg-opacity-20 transition-all card-hover relative">
778
+ <div class="admin-badge ${localStorage.getItem('isAdmin') === 'true' ? '' : 'hidden'}">
779
+ <i class="fas fa-crown"></i>
780
+ </div>
781
+ <div class="flex items-center mb-3">
782
+ <div class="flex-shrink-0 bg-indigo-500 rounded-md p-2">
783
+ <i class="fas fa-${product.icon} text-white"></i>
784
+ </div>
785
+ <div class="ml-3">
786
+ <h3 class="font-medium">${product.name}</h3>
787
+ <p class="text-xs text-indigo-100">${product.category}</p>
788
+ </div>
789
+ </div>
790
+ <p class="text-sm text-indigo-100 mb-3">${product.description}</p>
791
+ <div class="flex items-center justify-between">
792
+ <span class="font-bold">${product.price.toFixed(2)}€</span>
793
+ <div class="flex space-x-2">
794
+ <button onclick="addToCart('${product.name}', ${product.price}, '${product.id}')" class="px-3 py-1 bg-indigo-600 text-white text-xs font-medium rounded hover:bg-indigo-700 transition-all ${localStorage.getItem('isAdmin') === 'true' ? 'hidden' : ''}">
795
+ <i class="fas fa-cart-plus"></i>
796
+ </button>
797
+ <button onclick="window.open('${product.url}', '_blank')" class="px-3 py-1 bg-blue-600 text-white text-xs font-medium rounded hover:bg-blue-700 transition-all">
798
+ <i class="fas fa-external-link-alt"></i>
799
+ </button>
800
+ <button onclick="alert('Accès gratuit accordé au produit: ${product.name}')" class="free-access-btn px-3 py-1 bg-green-600 text-white text-xs font-medium rounded hover:bg-green-700 transition-all ${localStorage.getItem('isAdmin') === 'true' ? '' : 'hidden'}">
801
+ <i class="fas fa-unlock"></i>
802
+ </button>
803
+ </div>
804
+ </div>
805
+ </div>
806
+ `;
807
+ }
808
+
809
+ displayedProducts = end;
810
+
811
+ if (displayedProducts >= allProducts.length) {
812
+ document.getElementById('load-more').classList.add('hidden');
813
+ }
814
+ }
815
+
816
+ // Initialize
817
  document.addEventListener('DOMContentLoaded', function() {
818
  // Initialize user status
819
  updateUserStatus();
820
 
821
+ // Load initial products
822
+ loadProducts();
823
+
824
+ // Initialize payment chart
825
  const ctx = document.getElementById('paymentChart').getContext('2d');
826
  const chart = new Chart(ctx, {
827
  type: 'line',
 
865
  }
866
  }
867
  });
868
+
869
+ // Update dashboard with any existing payments
870
+ updateDashboard();
 
 
 
 
 
 
 
871
  });
872
  </script>
873
  <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=docto41/ia-boot" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
prompts.txt CHANGED
@@ -1,2 +1,4 @@
1
  creer un site de marketplace composer de 986200 bouton d'assisat IA TRES puissant avec des vrais bouton reel et actif pas des bouton d'exemple je veux un vrais site avec des bouton reel : ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paiement : le tout en automatique ouvrer chaque bouton cliquéé dans une nouvel fenetre , je veut un tres belle interface tres animer et un jolie arriere plant
2
- je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@
 
 
 
1
  creer un site de marketplace composer de 986200 bouton d'assisat IA TRES puissant avec des vrais bouton reel et actif pas des bouton d'exemple je veux un vrais site avec des bouton reel : ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paiement : le tout en automatique ouvrer chaque bouton cliquéé dans une nouvel fenetre , je veut un tres belle interface tres animer et un jolie arriere plant
2
+ je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@
3
+ activer les 986200 bouton en vrai je veux pas de bouton d'exemple ,ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@
4
+ je veux creer le plis imense marketp ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement je veux acces et toute produit pour moi seul les autre devront payer un abonnement : [email protected] : Admin270574@ et [email protected] : Admin270574@ lace au monde de plus de 9790078 bouton cliquable automatique ouvrir chaque bouton cliquéé dans une nouvel fenetre je veux des vrai bouton et des site reel pas d 'exemple