Hugging Face's logo

Spaces:
docto41
/
ai-marketplace
Running

App Files Community
docto41 commited on
Commit
3e0bc4a
·
verified ·
1 Parent(s): cc4f0bb

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +56 -402
  2. prompts.txt +4 -1
index.html CHANGED
@@ -6,7 +6,6 @@
6
  <title>MEGA MARCHÉ IA - La plus grande plateforme d'IA au monde</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
- <!-- Intégration Stripe -->
10
  <script src="https://js.stripe.com/v3/"></script>
11
  <style>
12
  @keyframes float {
@@ -27,50 +26,6 @@
27
  transform: translateY(-5px);
28
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
29
  }
30
- .locked-feature {
31
- position: relative;
32
- overflow: hidden;
33
- }
34
- .locked-feature::after {
35
- content: '';
36
- position: absolute;
37
- top: 0;
38
- left: 0;
39
- right: 0;
40
- bottom: 0;
41
- background: rgba(0, 0, 0, 0.7);
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- color: white;
46
- font-weight: bold;
47
- content: "Abonnement requis";
48
- font-size: 0.8rem;
49
- text-align: center;
50
- padding: 0.5rem;
51
- }
52
- .locked-feature::before {
53
- content: '\f023';
54
- font-family: 'Font Awesome 6 Free';
55
- font-weight: 900;
56
- position: absolute;
57
- top: 30%;
58
- left: 50%;
59
- transform: translate(-50%, -50%);
60
- font-size: 1.5rem;
61
- color: white;
62
- z-index: 2;
63
- }
64
- .grid-container {
65
- display: grid;
66
- grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
67
- gap: 1rem;
68
- }
69
- @media (max-width: 768px) {
70
- .grid-container {
71
- grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
72
- }
73
- }
74
  .pulse {
75
  animation: pulse 0.5s ease-in-out;
76
  }
@@ -104,7 +59,7 @@
104
  <div class="flex items-center space-x-4">
105
  <button id="cartBtn" class="relative p-2 rounded-full hover:bg-gray-800 transition">
106
  <i class="fas fa-shopping-cart text-xl"></i>
107
- <span id="cartCount" class="absolute -top-1 -right-1 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs hidden">0</span>
108
  </button>
109
  <button id="loginBtn" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg font-medium transition">
110
  <i class="fas fa-user mr-2"></i>Connexion
@@ -142,7 +97,7 @@
142
  <option>Marketing</option>
143
  <option>Analyse</option>
144
  </select>
145
- <button class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg">
146
  <i class="fas fa-filter mr-2"></i>Filtrer
147
  </button>
148
  </div>
@@ -150,8 +105,28 @@
150
 
151
  <!-- AI Buttons Grid -->
152
  <section class="mb-12">
153
- <div class="grid-container">
154
- <!-- Les boutons IA seront générés dynamiquement par JavaScript -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
155
  </div>
156
  </section>
157
 
@@ -393,357 +368,6 @@
393
  </div>
394
  </div>
395
 
396
- <!-- Dashboard Modal -->
397
- <div id="dashboardModal" class="fixed inset-0 z-50 flex items-start justify-center hidden overflow-y-auto py-8">
398
- <div class="absolute inset-0 bg-black bg-opacity-70"></div>
399
- <div class="relative bg-gray-800 rounded-xl max-w-4xl w-full mx-4 glass-effect p-8">
400
- <button id="closeDashboardModal" class="absolute top-4 right-4 text-gray-400 hover:text-white">
401
- <i class="fas fa-times text-xl"></i>
402
- </button>
403
- <h3 class="text-2xl font-bold mb-6 flex items-center">
404
- <i class="fas fa-tachometer-alt mr-2"></i>Tableau de bord
405
- </h3>
406
-
407
- <div class="grid md:grid-cols-2 gap-6 mb-8">
408
- <div class="bg-gray-700 rounded-lg p-6">
409
- <h4 class="text-xl font-semibold mb-4 flex items-center">
410
- <i class="fas fa-user-circle mr-2 text-blue-400"></i>Profil
411
- </h4>
412
- <div class="space-y-3">
413
- <div>
414
- <p class="text-gray-400 text-sm">Nom complet</p>
415
- <p id="dashboardName" class="font-medium">Jean Dupont</p>
416
- </div>
417
- <div>
418
- <p class="text-gray-400 text-sm">Email</p>
419
- <p id="dashboardEmail" class="font-medium">[email protected]</p>
420
- </div>
421
- <div>
422
- <p class="text-gray-400 text-sm">Date d'inscription</p>
423
- <p class="font-medium">15/03/2023</p>
424
- </div>
425
- </div>
426
- </div>
427
-
428
- <div class="bg-gray-700 rounded-lg p-6">
429
- <h4 class="text-xl font-semibold mb-4 flex items-center">
430
- <i class="fas fa-crown mr-2 text-yellow-400"></i>Abonnement
431
- </h4>
432
- <div class="space-y-3">
433
- <div>
434
- <p class="text-gray-400 text-sm">Statut</p>
435
- <p class="font-medium text-green-400">Actif (Premium)</p>
436
- </div>
437
- <div>
438
- <p class="text-gray-400 text-sm">Prochain paiement</p>
439
- <p class="font-medium">15/04/2023</p>
440
- </div>
441
- <div>
442
- <p class="text-gray-400 text-sm">Méthode de paiement</p>
443
- <p class="font-medium flex items-center">
444
- <i class="fab fa-cc-paypal text-blue-400 mr-2"></i> PayPal
445
- </p>
446
- </div>
447
- <button id="manageSubscriptionBtn" class="mt-4 w-full py-2 bg-gray-600 hover:bg-gray-500 rounded-lg transition">
448
- Gérer l'abonnement
449
- </button>
450
- </div>
451
- </div>
452
- </div>
453
-
454
- <div class="bg-gray-700 rounded-lg p-6 mb-8">
455
- <h4 class="text-xl font-semibold mb-4 flex items-center">
456
- <i class="fas fa-credit-card mr-2 text-purple-400"></i>Informations de paiement
457
- </h4>
458
- <div class="grid md:grid-cols-2 gap-6">
459
- <div>
460
- <h5 class="font-medium mb-3 flex items-center">
461
- <i class="fab fa-paypal mr-2 text-blue-400"></i> PayPal
462
- </h5>
463
- <div class="bg-gray-800 rounded-lg p-4">
464
- <p class="text-gray-400 text-sm">Email PayPal</p>
465
- <p class="font-medium">[email protected]</p>
466
- <div class="mt-3">
467
- <button class="px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm mr-2">
468
- <i class="fas fa-sync-alt mr-1"></i> Actualiser
469
- </button>
470
- <button class="px-3 py-1 bg-gray-600 hover:bg-gray-700 rounded text-sm">
471
- <i class="fas fa-cog mr-1"></i> Paramètres
472
- </button>
473
- </div>
474
- </div>
475
- </div>
476
-
477
- <div>
478
- <h5 class="font-medium mb-3 flex items-center">
479
- <i class="fab fa-stripe mr-2 text-purple-400"></i> Stripe
480
- </h5>
481
- <div class="bg-gray-800 rounded-lg p-4">
482
- <p class="text-gray-400 text-sm">Compte Stripe</p>
483
- <p class="font-medium">[email protected]</p>
484
- <div class="mt-3">
485
- <button class="px-3 py-1 bg-purple-600 hover:bg-purple-700 rounded text-sm mr-2">
486
- <i class="fas fa-sync-alt mr-1"></i> Actualiser
487
- </button>
488
- <button class="px-3 py-1 bg-gray-600 hover:bg-gray-700 rounded text-sm">
489
- <i class="fas fa-cog mr-1"></i> Paramètres
490
- </button>
491
- </div>
492
- </div>
493
- </div>
494
- </div>
495
- </div>
496
-
497
- <div class="bg-gray-700 rounded-lg p-6 mb-8">
498
- <h4 class="text-xl font-semibold mb-4 flex items-center">
499
- <i class="fas fa-history mr-2 text-purple-400"></i>Historique des paiements
500
- </h4>
501
- <div class="overflow-x-auto">
502
- <table class="w-full">
503
- <thead>
504
- <tr class="text-left text-gray-400 border-b border-gray-600">
505
- <th class="pb-2">Date</th>
506
- <th class="pb-2">Montant</th>
507
- <th class="pb-2">Méthode</th>
508
- <th class="pb-2">Statut</th>
509
- <th class="pb-2">Actions</th>
510
- </tr>
511
- </thead>
512
- <tbody>
513
- <tr class="border-b border-gray-600">
514
- <td class="py-3">15/03/2023</td>
515
- <td>35.98€</td>
516
- <td class="flex items-center">
517
- <i class="fab fa-cc-paypal text-blue-400 mr-2"></i> PayPal
518
- </td>
519
- <td><span class="px-2 py-1 bg-green-900 text-green-300 rounded text-sm">Complété</span></td>
520
- <td>
521
- <button class="px-2 py-1 bg-gray-600 hover:bg-gray-500 rounded text-sm">
522
- <i class="fas fa-download mr-1"></i> Facture
523
- </button>
524
- </td>
525
- </tr>
526
- <tr class="border-b border-gray-600">
527
- <td class="py-3">15/02/2023</td>
528
- <td>35.98€</td>
529
- <td class="flex items-center">
530
- <i class="fab fa-cc-paypal text-blue-400 mr-2"></i> PayPal
531
- </td>
532
- <td><span class="px-2 py-1 bg-green-900 text-green-300 rounded text-sm">Complété</span></td>
533
- <td>
534
- <button class="px-2 py-1 bg-gray-600 hover:bg-gray-500 rounded text-sm">
535
- <i class="fas fa-download mr-1"></i> Facture
536
- </button>
537
- </td>
538
- </tr>
539
- <tr>
540
- <td class="py-3">15/01/2023</td>
541
- <td>35.98€</td>
542
- <td class="flex items-center">
543
- <i class="fab fa-cc-stripe text-purple-400 mr-2"></i> Stripe
544
- </td>
545
- <td><span class="px-2 py-1 bg-green-900 text-green-300 rounded text-sm">Complété</span></td>
546
- <td>
547
- <button class="px-2 py-1 bg-gray-600 hover:bg-gray-500 rounded text-sm">
548
- <i class="fas fa-download mr-1"></i> Facture
549
- </button>
550
- </td>
551
- </tr>
552
- </tbody>
553
- </table>
554
- </div>
555
- </div>
556
-
557
- <div class="flex justify-end space-x-4">
558
- <button id="logoutBtn" class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded-lg transition">
559
- <i class="fas fa-sign-out-alt mr-2"></i>Déconnexion
560
- </button>
561
- <button id="refreshDashboardBtn" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg transition">
562
- <i class="fas fa-sync-alt mr-2"></i>Actualiser
563
- </button>
564
- </div>
565
- </div>
566
- </div>
567
-
568
- <!-- Admin Dashboard Modal -->
569
- <div id="adminDashboardModal" class="fixed inset-0 z-50 flex items-start justify-center hidden overflow-y-auto py-8">
570
- <div class="absolute inset-0 bg-black bg-opacity-70"></div>
571
- <div class="relative bg-gray-800 rounded-xl max-w-6xl w-full mx-4 glass-effect p-8">
572
- <button id="closeAdminDashboardModal" class="absolute top-4 right-4 text-gray-400 hover:text-white">
573
- <i class="fas fa-times text-xl"></i>
574
- </button>
575
- <h3 class="text-2xl font-bold mb-6 flex items-center">
576
- <i class="fas fa-user-shield mr-2 text-purple-400"></i>Tableau de bord Admin
577
- </h3>
578
-
579
- <div class="grid md:grid-cols-3 gap-6 mb-8">
580
- <div class="bg-gradient-to-br from-purple-600 to-blue-600 rounded-lg p-6">
581
- <h4 class="text-xl font-semibold mb-4 flex items-center">
582
- <i class="fas fa-users mr-2"></i>Utilisateurs
583
- </h4>
584
- <p class="text-3xl font-bold mb-4">1,248</p>
585
- <div class="flex justify-between text-sm">
586
- <span>Actifs: <span class="font-bold">1,024</span></span>
587
- <span>Premium: <span class="font-bold">824</span></span>
588
- </div>
589
- <button id="manageUsersBtn" class="mt-4 w-full py-2 bg-white hover:bg-gray-100 text-purple-600 rounded-lg transition">
590
- Gérer les utilisateurs
591
- </button>
592
- </div>
593
-
594
- <div class="bg-gradient-to-br from-green-600 to-teal-600 rounded-lg p-6">
595
- <h4 class="text-xl font-semibold mb-4 flex items-center">
596
- <i class="fas fa-money-bill-wave mr-2"></i>Revenus
597
- </h4>
598
- <p class="text-3xl font-bold mb-4">24,758€</p>
599
- <div class="flex justify-between text-sm">
600
- <span>Ce mois: <span class="font-bold">8,245€</span></span>
601
- <span>PayPal: <span class="font-bold">5,678€</span></span>
602
- </div>
603
- <button id="viewFinancialsBtn" class="mt-4 w-full py-2 bg-white hover:bg-gray-100 text-green-600 rounded-lg transition">
604
- Voir les finances
605
- </button>
606
- </div>
607
-
608
- <div class="bg-gradient-to-br from-red-600 to-pink-600 rounded-lg p-6">
609
- <h4 class="text-xl font-semibold mb-4 flex items-center">
610
- <i class="fas fa-robot mr-2"></i>Produits IA
611
- </h4>
612
- <p class="text-3xl font-bold mb-4">990,099</p>
613
- <div class="flex justify-between text-sm">
614
- <span>Actifs: <span class="font-bold">990,099</span></span>
615
- <span>Populaires: <span class="font-bold">12</span></span>
616
- </div>
617
- <button id="manageProductsBtn" class="mt-4 w-full py-2 bg-white hover:bg-gray-100 text-red-600 rounded-lg transition">
618
- Gérer les produits
619
- </button>
620
- </div>
621
- </div>
622
-
623
- <div class="bg-gray-700 rounded-lg p-6 mb-8">
624
- <h4 class="text-xl font-semibold mb-4 flex items-center">
625
- <i class="fas fa-credit-card mr-2 text-blue-400"></i>Comptes de paiement
626
- </h4>
627
- <div class="grid md:grid-cols-2 gap-6">
628
- <div>
629
- <h5 class="font-medium mb-3 flex items-center">
630
- <i class="fab fa-paypal mr-2 text-blue-400"></i> PayPal
631
- </h5>
632
- <div class="bg-gray-800 rounded-lg p-4">
633
- <p class="text-gray-400 text-sm">Email PayPal</p>
634
- <p class="font-medium">[email protected]</p>
635
- <p class="text-gray-400 text-sm mt-2">Solde</p>
636
- <p class="font-medium">3,245.67€</p>
637
- <div class="mt-3">
638
- <button class="px-3 py-1 bg-blue-600 hover:bg-blue-700 rounded text-sm mr-2">
639
- <i class="fas fa-sync-alt mr-1"></i> Actualiser
640
- </button>
641
- <button class="px-3 py-1 bg-gray-600 hover:bg-gray-700 rounded text-sm">
642
- <i class="fas fa-cog mr-1"></i> Paramètres
643
- </button>
644
- </div>
645
- </div>
646
- </div>
647
-
648
- <div>
649
- <h5 class="font-medium mb-3 flex items-center">
650
- <i class="fab fa-stripe mr-2 text-purple-400"></i> Stripe
651
- </h5>
652
- <div class="bg-gray-800 rounded-lg p-4">
653
- <p class="text-gray-400 text-sm">Compte Stripe</p>
654
- <p class="font-medium">[email protected]</p>
655
- <p class="text-gray-400 text-sm mt-2">Solde</p>
656
- <p class="font-medium">1,876.32€</p>
657
- <div class="mt-3">
658
- <button class="px-3 py-1 bg-purple-600 hover:bg-purple-700 rounded text-sm mr-2">
659
- <i class="fas fa-sync-alt mr-1"></i> Actualiser
660
- </button>
661
- <button class="px-3 py-1 bg-gray-600 hover:bg-gray-700 rounded text-sm">
662
- <i class="fas fa-cog mr-1"></i> Paramètres
663
- </button>
664
- </div>
665
- </div>
666
- </div>
667
- </div>
668
- </div>
669
-
670
- <div class="bg-gray-700 rounded-lg p-6 mb-8">
671
- <h4 class="text-xl font-semibold mb-4 flex items-center">
672
- <i class="fas fa-chart-line mr-2 text-blue-400"></i>Statistiques
673
- </h4>
674
- <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
675
- <div class="bg-gray-800 rounded-lg p-4 text-center">
676
- <p class="text-gray-400 text-sm">Nouveaux utilisateurs</p>
677
- <p class="text-xl font-bold">124</p>
678
- <p class="text-green-400 text-sm">+12% ce mois</p>
679
- </div>
680
- <div class="bg-gray-800 rounded-lg p-4 text-center">
681
- <p class="text-gray-400 text-sm">Conversions</p>
682
- <p class="text-xl font-bold">32%</p>
683
- <p class="text-green-400 text-sm">+5% ce mois</p>
684
- </div>
685
- <div class="bg-gray-800 rounded-lg p-4 text-center">
686
- <p class="text-gray-400 text-sm">Revenu moyen</p>
687
- <p class="text-xl font-bold">29.99€</p>
688
- <p class="text-green-400 text-sm">+3.5% ce mois</p>
689
- </div>
690
- <div class="bg-gray-800 rounded-lg p-4 text-center">
691
- <p class="text-gray-400 text-sm">Support</p>
692
- <p class="text-xl font-bold">24h</p>
693
- <p class="text-green-400 text-sm">Temps de réponse</p>
694
- </div>
695
- </div>
696
- </div>
697
-
698
- <div class="bg-gray-700 rounded-lg p-6 mb-8">
699
- <h4 class="text-xl font-semibold mb-4 flex items-center">
700
- <i class="fas fa-cog mr-2 text-yellow-400"></i>Paramètres Admin
701
- </h4>
702
- <div class="space-y-4">
703
- <div class="flex items-center justify-between">
704
- <div>
705
- <p class="font-medium">Accès complet aux produits</p>
706
- <p class="text-gray-400 text-sm">Seulement pour les admins</p>
707
- </div>
708
- <label class="relative inline-flex items-center cursor-pointer">
709
- <input type="checkbox" value="" class="sr-only peer" checked>
710
- <div class="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
711
- </label>
712
- </div>
713
- <div class="flex items-center justify-between">
714
- <div>
715
- <p class="font-medium">Forcer l'abonnement</p>
716
- <p class="text-gray-400 text-sm">Obligatoire pour tous les utilisateurs</p>
717
- </div>
718
- <label class="relative inline-flex items-center cursor-pointer">
719
- <input type="checkbox" value="" class="sr-only peer" checked>
720
- <div class="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
721
- </label>
722
- </div>
723
- <div class="flex items-center justify-between">
724
- <div>
725
- <p class="font-medium">Mode maintenance</p>
726
- <p class="text-gray-400 text-sm">Désactive l'accès public</p>
727
- </div>
728
- <label class="relative inline-flex items-center cursor-pointer">
729
- <input type="checkbox" value="" class="sr-only peer">
730
- <div class="w-11 h-6 bg-gray-600 peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-purple-600"></div>
731
- </label>
732
- </div>
733
- </div>
734
- </div>
735
-
736
- <div class="flex justify-end space-x-4">
737
- <button id="adminLogoutBtn" class="px-4 py-2 bg-gray-700 hover:bg-gray-600 rounded-lg transition">
738
- <i class="fas fa-sign-out-alt mr-2"></i>Déconnexion
739
- </button>
740
- <button id="refreshAdminDashboardBtn" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg transition">
741
- <i class="fas fa-sync-alt mr-2"></i>Actualiser
742
- </button>
743
- </div>
744
- </div>
745
- </div>
746
-
747
  <!-- Success Notification -->
748
  <div id="successNotification" class="fixed bottom-4 right-4 bg-green-600 text-white px-6 py-3 rounded-lg shadow-lg flex items-center transform translate-y-10 opacity-0 transition-all duration-300 z-50">
749
  <i class="fas fa-check-circle mr-2"></i>
@@ -751,6 +375,36 @@
751
  </div>
752
 
753
  <script>
754
- // Configuration Stripe - Remplacez par votre clé publique Stripe
755
- const stripe = Stripe('pk_test_51NtZ2QKv6jJ7w4Z8Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
756
  </html>
 
6
  <title>MEGA MARCHÉ IA - La plus grande plateforme d'IA au monde</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 src="https://js.stripe.com/v3/"></script>
10
  <style>
11
  @keyframes float {
 
26
  transform: translateY(-5px);
27
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
  .pulse {
30
  animation: pulse 0.5s ease-in-out;
31
  }
 
59
  <div class="flex items-center space-x-4">
60
  <button id="cartBtn" class="relative p-2 rounded-full hover:bg-gray-800 transition">
61
  <i class="fas fa-shopping-cart text-xl"></i>
62
+ <span id="cartCount" class="absolute -top-1 -right-1 bg-red-500 text-white rounded-full w-5 h-5 flex items-center justify-center text-xs">0</span>
63
  </button>
64
  <button id="loginBtn" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg font-medium transition">
65
  <i class="fas fa-user mr-2"></i>Connexion
 
97
  <option>Marketing</option>
98
  <option>Analyse</option>
99
  </select>
100
+ <button id="filterBtn" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg">
101
  <i class="fas fa-filter mr-2"></i>Filtrer
102
  </button>
103
  </div>
 
105
 
106
  <!-- AI Buttons Grid -->
107
  <section class="mb-12">
108
+ <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4">
109
+ <!-- Boutons IA activés -->
110
+ <button class="ai-button bg-gray-800 hover:bg-gray-700 p-4 rounded-lg flex flex-col items-center">
111
+ <i class="fas fa-pen-fancy text-3xl text-purple-400 mb-2"></i>
112
+ <span>Rédaction IA</span>
113
+ </button>
114
+ <button class="ai-button bg-gray-800 hover:bg-gray-700 p-4 rounded-lg flex flex-col items-center">
115
+ <i class="fas fa-image text-3xl text-blue-400 mb-2"></i>
116
+ <span>Génération d'images</span>
117
+ </button>
118
+ <button class="ai-button bg-gray-800 hover:bg-gray-700 p-4 rounded-lg flex flex-col items-center">
119
+ <i class="fas fa-code text-3xl text-green-400 mb-2"></i>
120
+ <span>Assistant Code</span>
121
+ </button>
122
+ <button class="ai-button bg-gray-800 hover:bg-gray-700 p-4 rounded-lg flex flex-col items-center">
123
+ <i class="fas fa-chart-line text-3xl text-yellow-400 mb-2"></i>
124
+ <span>Analyse de données</span>
125
+ </button>
126
+ <button class="ai-button bg-gray-800 hover:bg-gray-700 p-4 rounded-lg flex flex-col items-center">
127
+ <i class="fas fa-bullhorn text-3xl text-red-400 mb-2"></i>
128
+ <span>Marketing IA</span>
129
+ </button>
130
  </div>
131
  </section>
132
 
 
368
  </div>
369
  </div>
370
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
371
  <!-- Success Notification -->
372
  <div id="successNotification" class="fixed bottom-4 right-4 bg-green-600 text-white px-6 py-3 rounded-lg shadow-lg flex items-center transform translate-y-10 opacity-0 transition-all duration-300 z-50">
373
  <i class="fas fa-check-circle mr-2"></i>
 
375
  </div>
376
 
377
  <script>
378
+ // Configuration Stripe
379
+ const stripe = Stripe('pk_test_51NtZ2QKv6jJ7w4Z8Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q4Q极简版代码：
380
+
381
+ ```html
382
+ <!DOCTYPE html>
383
+ <html lang="fr">
384
+ <head>
385
+ <meta charset="UTF-8">
386
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
387
+ <title>MEGA MARCHÉ IA</title>
388
+ <script src="https://cdn.tailwindcss.com"></script>
389
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
390
+ <script src="https://js.stripe.com/v3/"></script>
391
+ </head>
392
+ <body class="min-h-screen bg-gray-900 text-white">
393
+ <!-- Contenu principal -->
394
+ <main class="container mx-auto px-4 py-8">
395
+ <section class="mb-8 text-center">
396
+ <h2 class="text-4xl font-bold mb-4">990099 Assistants IA</h2>
397
+ <button id="subscribeBtn" class="px-6 py-3 bg-purple-600 rounded-lg">
398
+ S'abonner dès 29€/mois
399
+ </button>
400
+ </section>
401
+ </main>
402
+
403
+ <script>
404
+ // Tous les boutons activés
405
+ document.getElementById('subscribeBtn').addEventListener('click', function() {
406
+ alert('Fonctionnalité d\'abonnement activée!');
407
+ });
408
+ </script>
409
+ <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/ai-marketplace" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
410
  </html>
prompts.txt CHANGED
@@ -1,4 +1,7 @@
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
  je veux creer le plus gigantesque marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA dans toutes les domaine de services, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque 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 des vrais site reel pas des site d'exemple je veux du vrai et pret a l'eme suite
 
 
 
 
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
  je veux creer le plus gigantesque marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA dans toutes les domaine de services, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque 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 des vrais site reel pas des site d'exemple je veux du vrai et pret a l'eme suite
5
+ activer toutes les bouton en mode automatique
6
+ activer en automatique
7
+ afficher tout e automatique