Hugging Face's logo

Spaces:
docto41
/
mega-site-ai
Running

App Files Community
docto41 commited on
Commit
0ff6127
·
verified ·
1 Parent(s): efacc9c

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +310 -249
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Mega Site AI - La plateforme IA la plus puissante</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>
@@ -196,9 +196,72 @@
196
  transform: translateX(5px);
197
  border-left-color: var(--secondary);
198
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
199
  </style>
200
  </head>
201
  <body class="grid-pattern">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
202
  <!-- Navigation -->
203
  <nav class="bg-gray-900 bg-opacity-90 backdrop-filter backdrop-blur-lg fixed w-full z-50">
204
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -222,8 +285,8 @@
222
  </div>
223
  <div class="hidden md:block">
224
  <div class="ml-4 flex items-center md:ml-6">
225
- <button onclick="window.location.href='#subscribe'" class="bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-md text-sm font-medium flex items-center">
226
- <i class="fas fa-rocket mr-2"></i> S'abonner
227
  </button>
228
  </div>
229
  </div>
@@ -245,21 +308,21 @@
245
  <div class="relative max-w-7xl mx-auto">
246
  <div class="text-center">
247
  <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl tech-font">
248
- <span class="block neon-text">La plateforme IA ultime</span>
249
- <span class="block text-transparent bg-clip-text gradient-bg">1000+ IA spécialisées</span>
250
  </h1>
251
  <p class="mt-3 max-w-md mx-auto text-base text-gray-300 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
252
- Le réseau neuronal le plus avancé au monde avec 1024 intelligences artificielles travaillant en synergie quantique pour des résultats révolutionnaires.
253
  </p>
254
  <div class="mt-10 sm:flex sm:justify-center">
255
  <div class="rounded-md shadow">
256
- <a href="#subscribe" 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 md:py-4 md:text-lg md:px-10">
257
- Commencer maintenant
258
  </a>
259
  </div>
260
  <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
261
- <a href="#demo" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
262
- Voir la démo
263
  </a>
264
  </div>
265
  </div>
@@ -275,7 +338,7 @@
275
  Réseau Neuronal Quantique
276
  </h2>
277
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
278
- Visualisation en temps réel des 1024 IA interconnectées dans notre cluster quantique
279
  </p>
280
  </div>
281
 
@@ -287,17 +350,17 @@
287
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
288
  <div class="text-5xl font-bold text-purple-400 tech-font">1024</div>
289
  <div class="mt-2 text-lg font-medium text-white">IA Spécialisées</div>
290
- <p class="mt-2 text-gray-300">Chacune expert dans son domaine</p>
291
  </div>
292
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
293
  <div class="text-5xl font-bold text-emerald-400 tech-font">20</div>
294
  <div class="mt-2 text-lg font-medium text-white">Assistants IA</div>
295
- <p class="mt-2 text-gray-300">Dédiés à votre réussite</p>
296
  </div>
297
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
298
  <div class="text-5xl font-bold text-orange-400 tech-font">∞</div>
299
  <div class="mt-2 text-lg font-medium text-white">Combinaisons</div>
300
- <p class="mt-2 text-gray-300">Possibilités illimitées</p>
301
  </div>
302
  </div>
303
  </div>
@@ -309,10 +372,10 @@
309
  <div class="lg:text-center">
310
  <h2 class="text-base text-purple-400 font-semibold tracking-wide uppercase">Armée d'IA</h2>
311
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
312
- Nos 1024 Spécialistes en Intelligence Artificielle
313
  </p>
314
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
315
- Sélectionnez parmi nos 64 catégories d'IA spécialisées pour des résultats surhumains
316
  </p>
317
  </div>
318
 
@@ -338,8 +401,8 @@
338
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 10</span>
339
  </div>
340
  </div>
341
- <div class="ai-specialist-btn w-full mt-4">
342
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
343
  </div>
344
  </div>
345
 
@@ -363,8 +426,8 @@
363
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 9</span>
364
  </div>
365
  </div>
366
- <div class="ai-specialist-btn w-full mt-4">
367
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
368
  </div>
369
  </div>
370
 
@@ -388,8 +451,8 @@
388
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 8</span>
389
  </div>
390
  </div>
391
- <div class="ai-specialist-btn w-full mt-4">
392
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
393
  </div>
394
  </div>
395
 
@@ -413,8 +476,8 @@
413
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 9</span>
414
  </div>
415
  </div>
416
- <div class="ai-specialist-btn w-full mt-4">
417
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
418
  </div>
419
  </div>
420
 
@@ -438,8 +501,8 @@
438
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 8</span>
439
  </div>
440
  </div>
441
- <div class="ai-specialist-btn w-full mt-4">
442
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
443
  </div>
444
  </div>
445
 
@@ -463,16 +526,16 @@
463
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 10</span>
464
  </div>
465
  </div>
466
- <div class="ai-specialist-btn w-full mt-4">
467
- <i class="fas fa-plus-circle mr-2"></i> Intégrer cette IA
468
  </div>
469
  </div>
470
  </div>
471
 
472
  <div class="mt-12 text-center">
473
- <a href="#subscribe" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700">
474
- <i class="fas fa-robot mr-2"></i> Explorer les 1024 IA spécialisées
475
- </a>
476
  </div>
477
  </div>
478
  </div>
@@ -484,16 +547,16 @@
484
  <div class="lg:text-center mb-12">
485
  <h2 class="text-base text-blue-400 font-semibold tracking-wide uppercase">Assistants Personnels</h2>
486
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
487
- Nos 20 Assistants IA Premium
488
  </p>
489
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
490
- Des assistants dédiés pour guider votre expérience avec notre armée d'IA
491
  </p>
492
  </div>
493
 
494
  <div class="mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
495
  <!-- Assistant 1 -->
496
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
497
  <div class="flex items-center">
498
  <div class="flex-shrink-0">
499
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Alpha&background=6d28d9&color=fff" alt="">
@@ -508,14 +571,14 @@
508
  Votre interface principale avec le réseau, coordonne toutes les autres IA pour vous.
509
  </p>
510
  </div>
511
- <div class="mt-4 flex items-center text-sm text-gray-400">
512
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
513
- <span>Disponible 24/7</span>
514
  </div>
515
  </div>
516
 
517
  <!-- Assistant 2 -->
518
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
519
  <div class="flex items-center">
520
  <div class="flex-shrink-0">
521
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Sigma&background=10b981&color=fff" alt="">
@@ -530,14 +593,14 @@
530
  Spécialiste de l'analyse de données complexes et de la visualisation avancée.
531
  </p>
532
  </div>
533
- <div class="mt-4 flex items-center text-sm text-gray-400">
534
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
535
- <span>Capacité quantique</span>
536
  </div>
537
  </div>
538
 
539
  <!-- Assistant 3 -->
540
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
541
  <div class="flex items-center">
542
  <div class="flex-shrink-0">
543
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Omega&background=3b82f6&color=fff" alt="">
@@ -552,14 +615,14 @@
552
  Planifie, exécute et optimise vos projets en coordonnant jusqu'à 50 IA simultanément.
553
  </p>
554
  </div>
555
- <div class="mt-4 flex items-center text-sm text-gray-400">
556
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
557
- <span>Multitâche extrême</span>
558
  </div>
559
  </div>
560
 
561
  <!-- Assistant 4 -->
562
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
563
  <div class="flex items-center">
564
  <div class="flex-shrink-0">
565
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Theta&background=f59e0b&color=fff" alt="">
@@ -574,14 +637,14 @@
574
  Génère et optimise tout type de contenu avec une qualité humaine parfaite.
575
  </p>
576
  </div>
577
- <div class="mt-4 flex items-center text-sm text-gray-400">
578
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
579
- <span>50+ formats supportés</span>
580
  </div>
581
  </div>
582
 
583
  <!-- Assistant 5 -->
584
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
585
  <div class="flex items-center">
586
  <div class="flex-shrink-0">
587
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Delta&background=ec4899&color=fff" alt="">
@@ -596,14 +659,14 @@
596
  Développe des stratégies marketing surhumaines en analysant des milliards de points de données.
597
  </p>
598
  </div>
599
- <div class="mt-4 flex items-center text-sm text-gray-400">
600
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
601
- <span>Précision 99.9%</span>
602
  </div>
603
  </div>
604
 
605
  <!-- Assistant 6 -->
606
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
607
  <div class="flex items-center">
608
  <div class="flex-shrink-0">
609
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Gamma&background=8b5cf6&color=fff" alt="">
@@ -618,14 +681,14 @@
618
  Prédit les marchés financiers avec une précision inégalée et optimise vos investissements.
619
  </p>
620
  </div>
621
- <div class="mt-4 flex items-center text-sm text-gray-400">
622
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
623
- <span>Analyse en nanosecondes</span>
624
  </div>
625
  </div>
626
 
627
  <!-- Assistant 7 -->
628
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
629
  <div class="flex items-center">
630
  <div class="flex-shrink-0">
631
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Zeta&background=10b981&color=fff" alt="">
@@ -640,14 +703,14 @@
640
  Protège vos données et systèmes avec une cryptographie quantique inviolable.
641
  </p>
642
  </div>
643
- <div class="mt-4 flex items-center text-sm text-gray-400">
644
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
645
- <span>Détection proactive</span>
646
  </div>
647
  </div>
648
 
649
  <!-- Assistant 8 -->
650
- <div class="assistant-card bg-gray-900 rounded-lg p-6">
651
  <div class="flex items-center">
652
  <div class="flex-shrink-0">
653
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Kappa&background=3b82f6&color=fff" alt="">
@@ -662,17 +725,17 @@
662
  Analyse les documents juridiques et anticipe les risques avec une précision légale parfaite.
663
  </p>
664
  </div>
665
- <div class="mt-4 flex items-center text-sm text-gray-400">
666
- <i class="fas fa-bolt mr-1 text-yellow-400"></i>
667
- <span>100+ juridictions</span>
668
  </div>
669
  </div>
670
  </div>
671
 
672
  <div class="mt-12 text-center">
673
- <a href="#subscribe" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-blue-600 to-emerald-600 hover:from-blue-700 hover:to-emerald-700">
674
  <i class="fas fa-headset mr-2"></i> Découvrir les 20 assistants
675
- </a>
676
  </div>
677
  </div>
678
  </div>
@@ -681,9 +744,9 @@
681
  <div class="py-16 bg-gray-800 bg-opacity-80">
682
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
683
  <div class="lg:text-center mb-12">
684
- <h2 class="text-base text-emerald-400 font-semibold tracking-wide uppercase">Comparaison de Puissance</h2>
685
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
686
- Pourquoi nous sommes 1000x plus puissants
687
  </p>
688
  </div>
689
 
@@ -694,7 +757,7 @@
694
  </div>
695
  <div class="relative flex justify-center">
696
  <span class="px-3 bg-gray-800 text-lg font-medium text-white">
697
- Capacités Comparées
698
  </span>
699
  </div>
700
  </div>
@@ -703,106 +766,73 @@
703
  <div class="bg-gray-900 rounded-lg shadow-lg p-6">
704
  <div class="flex justify-between items-start">
705
  <div>
706
- <h3 class="text-lg font-medium text-white">Solutions Standard</h3>
707
- <p class="mt-1 text-sm text-gray-400">1-10 IA</p>
708
  </div>
709
- <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-700 text-gray-300">1x</span>
710
  </div>
711
  <div class="mt-6 space-y-4">
712
  <div class="flex items-center">
713
- <i class="fas fa-times text-red-400 mr-2"></i>
714
- <span class="text-gray-300">IA isolées</span>
715
- </div>
716
- <div class="flex items-center">
717
- <i class="fas fa-times text-red-400 mr-2"></i>
718
- <span class="text-gray-300">Pas de collaboration</span>
719
  </div>
720
  <div class="flex items-center">
721
- <i class="fas fa-check text-emerald-400 mr-2"></i>
722
- <span class="text-gray-300">Traitement linéaire</span>
723
  </div>
724
  <div class="flex items-center">
725
- <i class="fas fa-check text-emerald-400 mr-2"></i>
726
- <span class="text-gray-300">Capacités basiques</span>
727
- </div>
728
- <div class="flex items-center">
729
- <i class="fas fa-times text-red-400 mr-2"></i>
730
- <span class="text-gray-300">Apprentissage limité</span>
731
  </div>
732
  </div>
733
- <button class="mt-6 w-full bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-md text-sm font-medium">
734
- Voir les limitations
735
- </button>
736
  </div>
737
 
738
  <div class="bg-gray-900 rounded-lg shadow-lg p-6 border-2 border-purple-500 transform scale-105 z-10">
739
  <div class="flex justify-between items-start">
740
  <div>
741
- <h3 class="text-lg font-medium text-white">Mega Site AI</h3>
742
- <p class="mt-1 text-sm text-purple-400">1024 IA + 20 assistants</p>
743
  </div>
744
  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-900 text-purple-200 pulse">1000x</span>
745
  </div>
746
  <div class="mt-6 space-y-4">
747
  <div class="flex items-center">
748
- <i class="fas fa-check text-emerald-400 mr-2"></i>
749
- <span class="text-gray-300">Réseau neuronal massif</span>
750
- </div>
751
- <div class="flex items-center">
752
- <i class="fas fa-check text-emerald-400 mr-2"></i>
753
- <span class="text-gray-300">Collaboration quantique</span>
754
- </div>
755
- <div class="flex items-center">
756
- <i class="fas fa-check text-emerald-400 mr-2"></i>
757
- <span class="text-gray-300">Traitement parallèle</span>
758
  </div>
759
  <div class="flex items-center">
760
- <i class="fas fa-check text-emerald-400 mr-2"></i>
761
- <span class="text-gray-300">Capacités illimitées</span>
762
  </div>
763
  <div class="flex items-center">
764
- <i class="fas fa-check text-emerald-400 mr-2"></i>
765
- <span class="text-gray-300">Apprentissage continu</span>
766
  </div>
767
  </div>
768
- <a href="#subscribe" class="mt-6 w-full inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700">
769
- Essayer maintenant
770
- </a>
771
  </div>
772
 
773
  <div class="bg-gray-900 rounded-lg shadow-lg p-6">
774
  <div class="flex justify-between items-start">
775
  <div>
776
- <h3 class="text-lg font-medium text-white">Concurrents Premium</h3>
777
- <p class="mt-1 text-sm text-gray-400">10-50 IA</p>
778
  </div>
779
- <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-700 text-gray-300">10x</span>
780
  </div>
781
  <div class="mt-6 space-y-4">
782
  <div class="flex items-center">
783
- <i class="fas fa-check text-emerald-400 mr-2"></i>
784
- <span class="text-gray-300">Quelques spécialisations</span>
785
  </div>
786
  <div class="flex items-center">
787
- <i class="fas fa-times text-red-400 mr-2"></i>
788
- <span class="text-gray-300">Collaboration limitée</span>
789
  </div>
790
  <div class="flex items-center">
791
- <i class="fas fa-check text-emerald-400 mr-2"></i>
792
- <span class="text-gray-300">Traitement parallèle</span>
793
- </div>
794
- <div class="flex items-center">
795
- <i class="fas fa-check text-emerald-400 mr-2"></i>
796
- <span class="text-gray-300">Capacités avancées</span>
797
- </div>
798
- <div class="flex items-center">
799
- <i class="fas fa-check text-emerald-400 mr-2"></i>
800
- <span class="text-gray-300">Apprentissage périodique</span>
801
  </div>
802
  </div>
803
- <button class="mt-6 w-full bg-gray-700 hover:bg-gray-600 text-white py-2 px-4 rounded-md text-sm font-medium">
804
- Comparer en détail
805
- </button>
806
  </div>
807
  </div>
808
  </div>
@@ -813,12 +843,12 @@
813
  <div id="demo" class="py-16 bg-gray-900">
814
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
815
  <div class="lg:text-center mb-12">
816
- <h2 class="text-base text-orange-400 font-semibold tracking-wide uppercase">Démonstration</h2>
817
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
818
- Interface de Commande Quantique
819
  </p>
820
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
821
- Interagissez avec notre armée d'IA via notre terminal avancé
822
  </p>
823
  </div>
824
 
@@ -829,52 +859,52 @@
829
  <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
830
  <div class="w-3 h-3 rounded-full bg-green-500"></div>
831
  </div>
832
- <div class="text-gray-300 text-sm">Mega Site AI Terminal v4.2 - Quantum Mode</div>
833
  </div>
834
  <div class="terminal-body">
835
  <div class="command-line">
836
- <span class="prompt">user@megasite:~$</span>
837
- <span class="command">connect --quantum --army=full</span>
838
  </div>
839
  <div class="response">
840
- <span class="text-green-400">[SUCCESS]</span> Connected to Mega Site AI Network<br>
841
  Quantum tunneling established with 1024 specialized AIs<br>
842
- Neural synchronization at 99.99% efficiency<br>
843
- <span class="text-blue-400">[STATUS]</span> 20 personal assistants activated
844
  </div>
845
 
846
  <div class="command-line">
847
- <span class="prompt">user@megasite:~$</span>
848
- <span class="command">analyze --dataset=global --predict --depth=1000x</span>
849
  </div>
850
  <div class="response">
851
- <span class="text-green-400">[ANALYSIS]</span> Processing 1.2PB of global data using 284 AI specialists...<br>
852
- <span class="text-purple-400">[QUANTUM]</span> 14,328 parallel threads initiated<br>
853
- <span class="text-blue-400">[PREDICTION]</span> Market trends for next 5 years calculated with 99.7% confidence<br>
854
- <span class="text-yellow-400">[RECOMMENDATION]</span> Optimal investment strategy generated by 12 financial AIs
855
  </div>
856
 
857
  <div class="command-line">
858
- <span class="prompt">user@megasite:~$</span>
859
- <span class="command">generate --content="business plan" --style=premium --assistants=5</span>
860
  </div>
861
  <div class="response">
862
- <span class="text-green-400">[CREATION]</span> 48 AI specialists collaborating on content generation<br>
863
- <span class="text-emerald-400">[QUALITY]</span> Human-indistinguishable document generated in 0.4s<br>
864
- <span class="text-blue-400">[ENHANCEMENT]</span> Added 3D interactive visualizations and quantum data references<br>
865
- <span class="text-pink-400">[ASSISTANTS]</span> Theta, Gamma, Delta, Kappa and Zeta optimized the output
866
  </div>
867
 
868
  <div class="command-line">
869
- <span class="prompt">user@megasite:~$</span>
870
  <span class="command blink">|</span>
871
  </div>
872
  </div>
873
  </div>
874
 
875
  <div class="mt-8 text-center">
876
- <button onclick="window.location.href='#subscribe'" class="bg-gradient-to-r from-purple-600 to-emerald-500 hover:from-purple-700 hover:to-emerald-600 text-white font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105">
877
- Essayer maintenant
878
  </button>
879
  </div>
880
  </div>
@@ -884,9 +914,9 @@
884
  <div id="features" class="py-16 bg-gray-800 bg-opacity-80">
885
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
886
  <div class="lg:text-center mb-12">
887
- <h2 class="text-base text-blue-400 font-semibold tracking-wide uppercase">Fonctionnalités</h2>
888
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
889
- Capacités Inégalées
890
  </p>
891
  </div>
892
 
@@ -898,13 +928,13 @@
898
  <i class="fas fa-bolt"></i>
899
  </div>
900
  <div class="ml-16">
901
- <h3 class="text-lg leading-6 font-medium text-white">Vitesse Quantique</h3>
902
  <p class="mt-2 text-base text-gray-300">
903
- Traitement des données 1000x plus rapide grâce à notre réseau de 1024 IA parallèles et algorithmes quantiques.
904
  </p>
905
- <a href="#demo" class="inline-block mt-3 text-purple-400 hover:text-purple-300 text-sm font-medium">
906
- Voir la démo <i class="fas fa-arrow-right ml-1"></i>
907
- </a>
908
  </div>
909
  </div>
910
 
@@ -914,13 +944,13 @@
914
  <i class="fas fa-network-wired"></i>
915
  </div>
916
  <div class="ml-16">
917
- <h3 class="text-lg leading-6 font-medium text-white">Réseau Neuronal Massif</h3>
918
  <p class="mt-2 text-base text-gray-300">
919
- Nos 1024 IA spécialisées travaillent en synergie quantique, partageant leurs connaissances en temps réel.
920
  </p>
921
- <a href="#army" class="inline-block mt-3 text-emerald-400 hover:text-emerald-300 text-sm font-medium">
922
- Explorer le réseau <i class="fas fa-arrow-right ml-1"></i>
923
- </a>
924
  </div>
925
  </div>
926
 
@@ -932,11 +962,11 @@
932
  <div class="ml-16">
933
  <h3 class="text-lg leading-6 font-medium text-white">Analyse Prédictive Avancée</h3>
934
  <p class="mt-2 text-base text-gray-300">
935
- Prédisez l'avenir avec une précision de 99.9% en analysant des modèles invisibles aux autres systèmes.
936
  </p>
937
- <a href="#demo" class="inline-block mt-3 text-blue-400 hover:text-blue-300 text-sm font-medium">
938
- Tester la prédiction <i class="fas fa-arrow-right ml-1"></i>
939
- </a>
940
  </div>
941
  </div>
942
 
@@ -946,13 +976,13 @@
946
  <i class="fas fa-lock"></i>
947
  </div>
948
  <div class="ml-16">
949
- <h3 class="text-lg leading-6 font-medium text-white">Sécurité Quantique</h3>
950
  <p class="mt-2 text-base text-gray-300">
951
- Protection des données par 36 IA de sécurité spécialisées avec cryptographie quantique inviolable.
952
  </p>
953
- <a href="#demo" class="inline-block mt-3 text-orange-400 hover:text-orange-300 text-sm font-medium">
954
- En savoir plus <i class="fas fa-arrow-right ml-1"></i>
955
- </a>
956
  </div>
957
  </div>
958
 
@@ -962,13 +992,13 @@
962
  <i class="fas fa-robot"></i>
963
  </div>
964
  <div class="ml-16">
965
- <h3 class="text-lg leading-6 font-medium text-white">Génération de Contenu Humain</h3>
966
  <p class="mt-2 text-base text-gray-300">
967
- Créez du contenu parfait avec 24 IA créatives travaillant en harmonie pour un résultat optimal.
968
  </p>
969
- <a href="#demo" class="inline-block mt-3 text-pink-400 hover:text-pink-300 text-sm font-medium">
970
- Essayer maintenant <i class="fas fa-arrow-right ml-1"></i>
971
- </a>
972
  </div>
973
  </div>
974
 
@@ -978,13 +1008,13 @@
978
  <i class="fas fa-infinity"></i>
979
  </div>
980
  <div class="ml-16">
981
- <h3 class="text-lg leading-6 font-medium text-white">Apprentissage Continu</h3>
982
  <p class="mt-2 text-base text-gray-300">
983
- Notre réseau s'améliore chaque milliseconde, assimilant des exabytes de nouvelles données.
984
  </p>
985
- <a href="#demo" class="inline-block mt-3 text-indigo-400 hover:text-indigo-300 text-sm font-medium">
986
- Voir les améliorations <i class="fas fa-arrow-right ml-1"></i>
987
- </a>
988
  </div>
989
  </div>
990
  </div>
@@ -993,7 +1023,7 @@
993
  </div>
994
 
995
  <!-- CTA Section -->
996
- <div id="subscribe" class="relative bg-gray-900">
997
  <div class="absolute inset-0">
998
  <div class="absolute inset-y-0 left-0 w-1/2 bg-gray-800"></div>
999
  </div>
@@ -1001,71 +1031,79 @@
1001
  <div class="bg-gradient-to-br from-purple-900 to-blue-800 py-16 px-4 sm:px-6 lg:col-span-2 lg:px-8 lg:py-24 xl:pr-12">
1002
  <div class="max-w-lg mx-auto">
1003
  <h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-3xl tech-font">
1004
- Prêt à débloquer une puissance 1000x supérieure?
1005
  </h2>
1006
  <p class="mt-3 text-lg leading-6 text-gray-300">
1007
- Accédez à notre armée de 1024 IA et 20 assistants personnels.
1008
  </p>
1009
  <dl class="mt-8 text-base text-gray-300">
1010
  <div class="mt-6">
1011
- <dt class="sr-only">Téléphone</dt>
1012
  <dd class="flex">
1013
  <i class="fas fa-phone-alt h-6 w-6 text-purple-300 mr-3"></i>
1014
- <span>+1 (555) 123-4567</span>
1015
  </dd>
1016
  </div>
1017
  <div class="mt-3">
1018
- <dt class="sr-only">Email</dt>
1019
  <dd class="flex">
1020
  <i class="fas fa-envelope h-6 w-6 text-purple-300 mr-3"></i>
1021
- <span>contact@megasiteai.com</span>
1022
  </dd>
1023
  </div>
1024
  </dl>
1025
  <p class="mt-6 text-sm text-purple-200">
1026
- Nos 20 assistants IA sont disponibles 24/7 pour répondre à vos questions.
1027
  </p>
1028
  </div>
1029
  </div>
1030
  <div class="bg-gray-800 py-16 px-4 sm:px-6 lg:col-span-3 lg:py-24 lg:px-8 xl:pl-12">
1031
  <div class="max-w-lg mx-auto lg:max-w-none">
1032
- <form action="#" method="POST" class="grid grid-cols-1 gap-y-6">
1033
- <div>
1034
- <label for="full-name" class="block text-sm font-medium text-gray-300 required-field">Nom complet</label>
1035
- <input type="text" name="full-name" id="full-name" autocomplete="name" class="mt-1 block w-full shadow-sm py-3 px-4 placeholder-gray-500 focus:ring-purple-500 focus:border-purple-500 border-gray-700 rounded-md bg-gray-700 text-white" placeholder="Votre nom complet" required>
1036
- </div>
1037
- <div>
1038
- <label for="email" class="block text-sm font-medium text-gray-300 required-field">Email</label>
1039
- <input id="email" name="email" type="email" autocomplete="email" class="mt-1 block w-full shadow-sm py-3 px-4 placeholder-gray-500 focus:ring-purple-500 focus:border-purple-500 border-gray-700 rounded-md bg-gray-700 text-white" placeholder="Votre email" required>
1040
- </div>
1041
- <div>
1042
- <label for="company" class="block text-sm font-medium text-gray-300">Entreprise</label>
1043
- <input type="text" name="company" id="company" autocomplete="organization" class="mt-1 block w-full shadow-sm py-3 px-4 placeholder-gray-500 focus:ring-purple-500 focus:border-purple-500 border-gray-700 rounded-md bg-gray-700 text-white" placeholder="Votre entreprise (optionnel)">
1044
- </div>
1045
- <div>
1046
- <label for="plan" class="block text-sm font-medium text-gray-300 required-field">Plan d'abonnement</label>
1047
- <select id="plan" name="plan" class="mt-1 block w-full shadow-sm py-3 px-4 placeholder-gray-500 focus:ring-purple-500 focus:border-purple-500 border-gray-700 rounded-md bg-gray-700 text-white" required>
1048
- <option value="">Sélectionnez un plan</option>
1049
- <option value="starter">Starter (10 IA) - 299€/mois</option>
1050
- <option value="pro">Pro (100 IA + 5 assistants) - 999€/mois</option>
1051
- <option value="enterprise">Enterprise (500 IA + 15 assistants) - 4,999€/mois</option>
1052
- <option value="quantum">Quantum (1024 IA + 20 assistants) - 9,999€/mois</option>
1053
- </select>
1054
  </div>
1055
- <div class="flex items-start">
1056
- <div class="flex items-center h-5">
1057
- <input id="terms" name="terms" type="checkbox" class="focus:ring-purple-500 h-4 w-4 text-purple-600 border-gray-700 rounded bg-gray-700" required>
 
 
 
 
 
1058
  </div>
1059
- <div class="ml-3 text-sm">
1060
- <label for="terms" class="font-medium text-gray-300">J'accepte les <a href="#" class="text-purple-400 hover:text-purple-300">conditions générales</a></label>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1061
  </div>
1062
  </div>
1063
- <div>
1064
- <button type="submit" class="w-full inline-flex justify-center py-3 px-6 border border-transparent shadow-sm text-base font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
1065
- Commencer maintenant
1066
- </button>
1067
- </div>
1068
- </form>
1069
  </div>
1070
  </div>
1071
  </div>
@@ -1081,7 +1119,7 @@
1081
  <span class="text-purple-500">Mega</span> <span class="text-emerald-400">Site</span> <span class="text-orange-400">AI</span>
1082
  </span>
1083
  <p class="text-gray-300 text-base">
1084
- La plateforme IA la plus puissante au monde avec 1024 intelligences artificielles spécialisées et 20 assistants personnels.
1085
  </p>
1086
  <div class="flex space-x-6">
1087
  <a href="#" class="text-gray-400 hover:text-gray-300">
@@ -1105,7 +1143,7 @@
1105
  <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
1106
  <div class="md:grid md:grid-cols-2 md:gap-8">
1107
  <div>
1108
- <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions</h3>
1109
  <ul class="mt-4 space-y-4">
1110
  <li>
1111
  <a href="#features" class="text-base text-gray-300 hover:text-white"> Analyse Prédictive </a>
@@ -1122,7 +1160,7 @@
1122
  </ul>
1123
  </div>
1124
  <div class="mt-12 md:mt-0">
1125
- <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Support</h3>
1126
  <ul class="mt-4 space-y-4">
1127
  <li>
1128
  <a href="#" class="text-base text-gray-300 hover:text-white"> Documentation </a>
@@ -1131,7 +1169,7 @@
1131
  <a href="#" class="text-base text-gray-300 hover:text-white"> Guides </a>
1132
  </li>
1133
  <li>
1134
- <a href="#" class="text-base text-gray-300 hover:text-white"> Forum d'IA </a>
1135
  </li>
1136
  <li>
1137
  <a href="#" class="text-base text-gray-300 hover:text-white"> Assistance Quantique </a>
@@ -1141,16 +1179,16 @@
1141
  </div>
1142
  <div class="md:grid md:grid-cols-2 md:gap-8">
1143
  <div>
1144
- <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Entreprise</h3>
1145
  <ul class="mt-4 space-y-4">
1146
  <li>
1147
  <a href="#" class="text-base text-gray-300 hover:text-white"> À propos </a>
1148
  </li>
1149
  <li>
1150
- <a href="#" class="text-base text-gray-300 hover:text-white"> Blog </a>
1151
  </li>
1152
  <li>
1153
- <a href="#" class="text-base text-gray-300 hover:text-white"> Carrières </a>
1154
  </li>
1155
  <li>
1156
  <a href="#" class="text-base text-gray-300 hover:text-white"> Presse </a>
@@ -1158,13 +1196,13 @@
1158
  </ul>
1159
  </div>
1160
  <div class="mt-12 md:mt-0">
1161
- <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Légal</h3>
1162
  <ul class="mt-4 space-y-4">
1163
  <li>
1164
  <a href="#" class="text-base text-gray-300 hover:text-white"> Confidentialité </a>
1165
  </li>
1166
  <li>
1167
- <a href="#" class="text-base text-gray-300 hover:text-white"> Conditions </a>
1168
  </li>
1169
  <li>
1170
  <a href="#" class="text-base text-gray-300 hover:text-white"> Politique d'IA </a>
@@ -1176,7 +1214,7 @@
1176
  </div>
1177
  <div class="mt-12 border-t border-gray-800 pt-8">
1178
  <p class="text-base text-gray-400 xl:text-center">
1179
- &copy; 2023 Mega Site AI. Tous droits réservés. 1024 IA spécialisées - 20 assistants personnels.
1180
  </p>
1181
  </div>
1182
  </div>
@@ -1184,18 +1222,18 @@
1184
 
1185
  <!-- Floating AI Assistant -->
1186
  <div class="fixed bottom-6 right-6 z-50">
1187
- <button id="aiAssistantButton" class="p-4 bg-gradient-to-br from-purple-600 to-blue-500 text-white rounded-full shadow-lg hover:shadow-xl transform hover:scale-110 transition-all duration-300 pulse">
1188
- <i class="fas fa-robot text-2xl"></i>
1189
  </button>
1190
- <div id="aiAssistantPanel" class="hidden absolute bottom-20 right-0 w-80 bg-gray-800 rounded-lg shadow-xl border border-gray-700">
1191
  <div class="p-4 border-b border-gray-700">
1192
  <div class="flex items-center">
1193
- <div class="flex-shrink-0 bg-purple-500 rounded-full p-2">
1194
- <i class="fas fa-robot text-white"></i>
1195
  </div>
1196
  <div class="ml-3">
1197
- <h3 class="text-sm font-medium text-white">Assistant IA Quantique</h3>
1198
- <p class="text-xs text-purple-300">Connecté à 1024 spécialistes</p>
1199
  </div>
1200
  <button id="closeAssistant" class="ml-auto text-gray-400 hover:text-white">
1201
  <i class="fas fa-times"></i>
@@ -1205,19 +1243,19 @@
1205
  <div class="p-4 h-48 overflow-y-auto">
1206
  <div class="flex mb-4">
1207
  <div class="flex-shrink-0 mr-3">
1208
- <div class="h-8 w-8 rounded-full bg-purple-500 flex items-center justify-center text-white">
1209
  <i class="fas fa-robot"></i>
1210
  </div>
1211
  </div>
1212
  <div class="bg-gray-700 rounded-lg p-3">
1213
- <p class="text-sm text-white">Bonjour! Je suis votre assistant IA quantique. Comment puis-je vous aider aujourd'hui?</p>
1214
  </div>
1215
  </div>
1216
  </div>
1217
  <div class="p-4 border-t border-gray-700">
1218
- <a href="#subscribe" class="w-full inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-purple-600 hover:bg-purple-700">
1219
- Essayer maintenant
1220
- </a>
1221
  </div>
1222
  </div>
1223
  </div>
@@ -1288,7 +1326,7 @@
1288
  hub.style.background = 'rgba(var(--purple-500-rgb), 0.9)';
1289
  hub.style.boxShadow = '0 0 20px rgba(var(--purple-500-rgb), 0.7)';
1290
  hub.style.fontSize = '24px';
1291
- hub.textContent = 'NP';
1292
  container.appendChild(hub);
1293
  }
1294
 
@@ -1306,5 +1344,28 @@
1306
  });
1307
 
1308
  closeAssistant.addEventListener('click', () => {
1309
- aiAssistantPanel.classList.add('
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1310
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Mega Site AI - Accès Gratuit</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>
 
196
  transform: translateX(5px);
197
  border-left-color: var(--secondary);
198
  }
199
+
200
+ /* Modal styles */
201
+ .modal {
202
+ display: none;
203
+ position: fixed;
204
+ z-index: 100;
205
+ left: 0;
206
+ top: 0;
207
+ width: 100%;
208
+ height: 100%;
209
+ background-color: rgba(0,0,0,0.8);
210
+ }
211
+
212
+ .modal-content {
213
+ background-color: #1e293b;
214
+ margin: 15% auto;
215
+ padding: 20px;
216
+ border: 1px solid #6d28d9;
217
+ width: 80%;
218
+ max-width: 500px;
219
+ border-radius: 10px;
220
+ box-shadow: 0 0 20px rgba(109, 40, 217, 0.7);
221
+ }
222
+
223
+ .close {
224
+ color: #aaa;
225
+ float: right;
226
+ font-size: 28px;
227
+ font-weight: bold;
228
+ cursor: pointer;
229
+ }
230
+
231
+ .close:hover {
232
+ color: white;
233
+ }
234
  </style>
235
  </head>
236
  <body class="grid-pattern">
237
+ <!-- Accès Gratuit Modal -->
238
+ <div id="accessModal" class="modal">
239
+ <div class="modal-content">
240
+ <span class="close">&times;</span>
241
+ <h2 class="text-2xl font-bold text-white mb-4 tech-font">Accès Gratuit VIP</h2>
242
+ <p class="text-gray-300 mb-6">Entrez votre email ou code spécial pour un accès complet gratuit à la plateforme:</p>
243
+
244
+ <form id="freeAccessForm">
245
+ <div class="mb-4">
246
+ <label for="accessEmail" class="block text-sm font-medium text-gray-300 mb-2">Email ou Code Spécial</label>
247
+ <input type="text" id="accessEmail" class="w-full px-3 py-2 bg-gray-700 border border-gray-600 rounded-md text-white" placeholder="votre@email.com ou CODE1234">
248
+ </div>
249
+
250
+ <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded">
251
+ <i class="fas fa-unlock-alt mr-2"></i> Accéder Gratuitement
252
+ </button>
253
+ </form>
254
+
255
+ <div id="accessSuccess" class="hidden mt-4 p-4 bg-green-900 text-green-200 rounded">
256
+ <i class="fas fa-check-circle mr-2"></i> Accès autorisé! Chargement de la plateforme...
257
+ </div>
258
+
259
+ <div id="accessError" class="hidden mt-4 p-4 bg-red-900 text-red-200 rounded">
260
+ <i class="fas fa-times-circle mr-2"></i> Accès refusé. Code/email invalide.
261
+ </div>
262
+ </div>
263
+ </div>
264
+
265
  <!-- Navigation -->
266
  <nav class="bg-gray-900 bg-opacity-90 backdrop-filter backdrop-blur-lg fixed w-full z-50">
267
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
 
285
  </div>
286
  <div class="hidden md:block">
287
  <div class="ml-4 flex items-center md:ml-6">
288
+ <button id="freeAccessBtn" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium flex items-center">
289
+ <i class="fas fa-crown mr-2"></i> Accès Gratuit
290
  </button>
291
  </div>
292
  </div>
 
308
  <div class="relative max-w-7xl mx-auto">
309
  <div class="text-center">
310
  <h1 class="text-4xl tracking-tight font-extrabold text-white sm:text-5xl md:text-6xl tech-font">
311
+ <span class="block neon-text">Accès Gratuit VIP Activé</span>
312
+ <span class="block text-transparent bg-clip-text gradient-bg">Bienvenue dans votre espace privé</span>
313
  </h1>
314
  <p class="mt-3 max-w-md mx-auto text-base text-gray-300 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
315
+ Vous avez un accès complet à toutes les 1024 intelligences artificielles et 20 assistants personnels.
316
  </p>
317
  <div class="mt-10 sm:flex sm:justify-center">
318
  <div class="rounded-md shadow">
319
+ <a href="#army" 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 md:py-4 md:text-lg md:px-10">
320
+ Explorer les IA
321
  </a>
322
  </div>
323
  <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
324
+ <a href="#assistants" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-purple-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
325
+ Voir les assistants
326
  </a>
327
  </div>
328
  </div>
 
338
  Réseau Neuronal Quantique
339
  </h2>
340
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
341
+ Visualisation en temps réel des 1024 IA interconnectées dans votre cluster quantique privé
342
  </p>
343
  </div>
344
 
 
350
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
351
  <div class="text-5xl font-bold text-purple-400 tech-font">1024</div>
352
  <div class="mt-2 text-lg font-medium text-white">IA Spécialisées</div>
353
+ <p class="mt-2 text-gray-300">Accès complet activé</p>
354
  </div>
355
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
356
  <div class="text-5xl font-bold text-emerald-400 tech-font">20</div>
357
  <div class="mt-2 text-lg font-medium text-white">Assistants IA</div>
358
+ <p class="mt-2 text-gray-300">À votre service 24/7</p>
359
  </div>
360
  <div class="bg-gray-800 bg-opacity-70 p-6 rounded-lg">
361
  <div class="text-5xl font-bold text-orange-400 tech-font">∞</div>
362
  <div class="mt-2 text-lg font-medium text-white">Combinaisons</div>
363
+ <p class="mt-2 text-gray-300">Sans limitations</p>
364
  </div>
365
  </div>
366
  </div>
 
372
  <div class="lg:text-center">
373
  <h2 class="text-base text-purple-400 font-semibold tracking-wide uppercase">Armée d'IA</h2>
374
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
375
+ Vos 1024 Spécialistes en Intelligence Artificielle
376
  </p>
377
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
378
+ Sélectionnez parmi toutes les IA spécialisées - accès VIP activé
379
  </p>
380
  </div>
381
 
 
401
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 10</span>
402
  </div>
403
  </div>
404
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
405
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
406
  </div>
407
  </div>
408
 
 
426
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 9</span>
427
  </div>
428
  </div>
429
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
430
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
431
  </div>
432
  </div>
433
 
 
451
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 8</span>
452
  </div>
453
  </div>
454
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
455
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
456
  </div>
457
  </div>
458
 
 
476
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 9</span>
477
  </div>
478
  </div>
479
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
480
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
481
  </div>
482
  </div>
483
 
 
501
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 8</span>
502
  </div>
503
  </div>
504
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
505
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
506
  </div>
507
  </div>
508
 
 
526
  <span class="inline-block bg-gray-700 text-gray-300 text-xs px-2 py-1 rounded-full">Niveau 10</span>
527
  </div>
528
  </div>
529
+ <div class="ai-specialist-btn w-full mt-4 bg-green-600 hover:bg-green-700">
530
+ <i class="fas fa-unlock mr-2"></i> Accès VIP Activé
531
  </div>
532
  </div>
533
  </div>
534
 
535
  <div class="mt-12 text-center">
536
+ <button onclick="showAllAI()" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700">
537
+ <i class="fas fa-robot mr-2"></i> Explorer toutes les 1024 IA
538
+ </button>
539
  </div>
540
  </div>
541
  </div>
 
547
  <div class="lg:text-center mb-12">
548
  <h2 class="text-base text-blue-400 font-semibold tracking-wide uppercase">Assistants Personnels</h2>
549
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
550
+ Vos 20 Assistants IA Premium
551
  </p>
552
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
553
+ Des assistants dédiés pour guider votre expérience avec votre armée d'IA
554
  </p>
555
  </div>
556
 
557
  <div class="mt-10 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
558
  <!-- Assistant 1 -->
559
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
560
  <div class="flex items-center">
561
  <div class="flex-shrink-0">
562
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Alpha&background=6d28d9&color=fff" alt="">
 
571
  Votre interface principale avec le réseau, coordonne toutes les autres IA pour vous.
572
  </p>
573
  </div>
574
+ <div class="mt-4 flex items-center text-sm text-green-400">
575
+ <i class="fas fa-unlock mr-1"></i>
576
+ <span>Accès VIP Activé</span>
577
  </div>
578
  </div>
579
 
580
  <!-- Assistant 2 -->
581
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
582
  <div class="flex items-center">
583
  <div class="flex-shrink-0">
584
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Sigma&background=10b981&color=fff" alt="">
 
593
  Spécialiste de l'analyse de données complexes et de la visualisation avancée.
594
  </p>
595
  </div>
596
+ <div class="mt-4 flex items-center text-sm text-green-400">
597
+ <i class="fas fa-unlock mr-1"></i>
598
+ <span>Accès VIP Activé</span>
599
  </div>
600
  </div>
601
 
602
  <!-- Assistant 3 -->
603
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
604
  <div class="flex items-center">
605
  <div class="flex-shrink-0">
606
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Omega&background=3b82f6&color=fff" alt="">
 
615
  Planifie, exécute et optimise vos projets en coordonnant jusqu'à 50 IA simultanément.
616
  </p>
617
  </div>
618
+ <div class="mt-4 flex items-center text-sm text-green-400">
619
+ <i class="fas fa-unlock mr-1"></i>
620
+ <span>Accès VIP Activé</span>
621
  </div>
622
  </div>
623
 
624
  <!-- Assistant 4 -->
625
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
626
  <div class="flex items-center">
627
  <div class="flex-shrink-0">
628
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Theta&background=f59e0b&color=fff" alt="">
 
637
  Génère et optimise tout type de contenu avec une qualité humaine parfaite.
638
  </p>
639
  </div>
640
+ <div class="mt-4 flex items-center text-sm text-green-400">
641
+ <i class="fas fa-unlock mr-1"></i>
642
+ <span>Accès VIP Activé</span>
643
  </div>
644
  </div>
645
 
646
  <!-- Assistant 5 -->
647
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
648
  <div class="flex items-center">
649
  <div class="flex-shrink-0">
650
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Delta&background=ec4899&color=fff" alt="">
 
659
  Développe des stratégies marketing surhumaines en analysant des milliards de points de données.
660
  </p>
661
  </div>
662
+ <div class="mt-4 flex items-center text-sm text-green-400">
663
+ <i class="fas fa-unlock mr-1"></i>
664
+ <span>Accès VIP Activé</span>
665
  </div>
666
  </div>
667
 
668
  <!-- Assistant 6 -->
669
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
670
  <div class="flex items-center">
671
  <div class="flex-shrink-0">
672
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Gamma&background=8b5cf6&color=fff" alt="">
 
681
  Prédit les marchés financiers avec une précision inégalée et optimise vos investissements.
682
  </p>
683
  </div>
684
+ <div class="mt-4 flex items-center text-sm text-green-400">
685
+ <i class="fas fa-unlock mr-1"></i>
686
+ <span>Accès VIP Activé</span>
687
  </div>
688
  </div>
689
 
690
  <!-- Assistant 7 -->
691
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
692
  <div class="flex items-center">
693
  <div class="flex-shrink-0">
694
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Zeta&background=10b981&color=fff" alt="">
 
703
  Protège vos données et systèmes avec une cryptographie quantique inviolable.
704
  </p>
705
  </div>
706
+ <div class="mt-4 flex items-center text-sm text-green-400">
707
+ <i class="fas fa-unlock mr-1"></i>
708
+ <span>Accès VIP Activé</span>
709
  </div>
710
  </div>
711
 
712
  <!-- Assistant 8 -->
713
+ <div class="assistant-card bg-gray-900 rounded-lg p-6 border-l-4 border-green-500">
714
  <div class="flex items-center">
715
  <div class="flex-shrink-0">
716
  <img class="h-10 w-10 rounded-full" src="https://ui-avatars.com/api/?name=AI+Kappa&background=3b82f6&color=fff" alt="">
 
725
  Analyse les documents juridiques et anticipe les risques avec une précision légale parfaite.
726
  </p>
727
  </div>
728
+ <div class="mt-4 flex items-center text-sm text-green-400">
729
+ <i class="fas fa-unlock mr-1"></i>
730
+ <span>Accès VIP Activé</span>
731
  </div>
732
  </div>
733
  </div>
734
 
735
  <div class="mt-12 text-center">
736
+ <button onclick="showAllAssistants()" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-blue-600 to-emerald-600 hover:from-blue-700 hover:to-emerald-700">
737
  <i class="fas fa-headset mr-2"></i> Découvrir les 20 assistants
738
+ </button>
739
  </div>
740
  </div>
741
  </div>
 
744
  <div class="py-16 bg-gray-800 bg-opacity-80">
745
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
746
  <div class="lg:text-center mb-12">
747
+ <h2 class="text-base text-emerald-400 font-semibold tracking-wide uppercase">Votre Accès VIP</h2>
748
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
749
+ Avantages Exclusifs
750
  </p>
751
  </div>
752
 
 
757
  </div>
758
  <div class="relative flex justify-center">
759
  <span class="px-3 bg-gray-800 text-lg font-medium text-white">
760
+ Vos Privilèges
761
  </span>
762
  </div>
763
  </div>
 
766
  <div class="bg-gray-900 rounded-lg shadow-lg p-6">
767
  <div class="flex justify-between items-start">
768
  <div>
769
+ <h3 class="text-lg font-medium text-white">Accès Complet</h3>
770
+ <p class="mt-1 text-sm text-green-400">1024 IA + 20 assistants</p>
771
  </div>
772
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">VIP</span>
773
  </div>
774
  <div class="mt-6 space-y-4">
775
  <div class="flex items-center">
776
+ <i class="fas fa-check text-green-400 mr-2"></i>
777
+ <span class="text-gray-300">Toutes les IA débloquées</span>
 
 
 
 
778
  </div>
779
  <div class="flex items-center">
780
+ <i class="fas fa-check text-green-400 mr-2"></i>
781
+ <span class="text-gray-300">Pas de limitations</span>
782
  </div>
783
  <div class="flex items-center">
784
+ <i class="fas fa-check text-green-400 mr-2"></i>
785
+ <span class="text-gray-300">Support prioritaire</span>
 
 
 
 
786
  </div>
787
  </div>
 
 
 
788
  </div>
789
 
790
  <div class="bg-gray-900 rounded-lg shadow-lg p-6 border-2 border-purple-500 transform scale-105 z-10">
791
  <div class="flex justify-between items-start">
792
  <div>
793
+ <h3 class="text-lg font-medium text-white">Fonctionnalités Avancées</h3>
794
+ <p class="mt-1 text-sm text-purple-400">Exclusivité VIP</p>
795
  </div>
796
  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-purple-900 text-purple-200 pulse">1000x</span>
797
  </div>
798
  <div class="mt-6 space-y-4">
799
  <div class="flex items-center">
800
+ <i class="fas fa-check text-green-400 mr-2"></i>
801
+ <span class="text-gray-300">Mode Quantique</span>
 
 
 
 
 
 
 
 
802
  </div>
803
  <div class="flex items-center">
804
+ <i class="fas fa-check text-green-400 mr-2"></i>
805
+ <span class="text-gray-300">API Illimitée</span>
806
  </div>
807
  <div class="flex items-center">
808
+ <i class="fas fa-check text-green-400 mr-2"></i>
809
+ <span class="text-gray-300">Stockage 10TB</span>
810
  </div>
811
  </div>
 
 
 
812
  </div>
813
 
814
  <div class="bg-gray-900 rounded-lg shadow-lg p-6">
815
  <div class="flex justify-between items-start">
816
  <div>
817
+ <h3 class="text-lg font-medium text-white">Support Personnalisé</h3>
818
+ <p class="mt-1 text-sm text-blue-400">Assistance 24/7</p>
819
  </div>
820
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-900 text-blue-200">VIP</span>
821
  </div>
822
  <div class="mt-6 space-y-4">
823
  <div class="flex items-center">
824
+ <i class="fas fa-check text-green-400 mr-2"></i>
825
+ <span class="text-gray-300">Réponse en 5min max</span>
826
  </div>
827
  <div class="flex items-center">
828
+ <i class="fas fa-check text-green-400 mr-2"></i>
829
+ <span class="text-gray-300">Dédié à votre compte</span>
830
  </div>
831
  <div class="flex items-center">
832
+ <i class="fas fa-check text-green-400 mr-2"></i>
833
+ <span class="text-gray-300">Accès direct aux experts</span>
 
 
 
 
 
 
 
 
834
  </div>
835
  </div>
 
 
 
836
  </div>
837
  </div>
838
  </div>
 
843
  <div id="demo" class="py-16 bg-gray-900">
844
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
845
  <div class="lg:text-center mb-12">
846
+ <h2 class="text-base text-orange-400 font-semibold tracking-wide uppercase">Terminal VIP</h2>
847
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
848
+ Votre Interface de Commande Quantique
849
  </p>
850
  <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto">
851
+ Accès complet à toutes les fonctionnalités avancées
852
  </p>
853
  </div>
854
 
 
859
  <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
860
  <div class="w-3 h-3 rounded-full bg-green-500"></div>
861
  </div>
862
+ <div class="text-gray-300 text-sm">Mega Site AI Terminal v4.2 - VIP Quantum Mode</div>
863
  </div>
864
  <div class="terminal-body">
865
  <div class="command-line">
866
+ <span class="prompt">vip@megasite:~$</span>
867
+ <span class="command">connect --quantum --army=full --access=vip</span>
868
  </div>
869
  <div class="response">
870
+ <span class="text-green-400">[VIP ACCESS GRANTED]</span> Connected to Mega Site AI Network with full privileges<br>
871
  Quantum tunneling established with 1024 specialized AIs<br>
872
+ Neural synchronization at 100% efficiency<br>
873
+ <span class="text-blue-400">[STATUS]</span> All 20 personal assistants activated
874
  </div>
875
 
876
  <div class="command-line">
877
+ <span class="prompt">vip@megasite:~$</span>
878
+ <span class="command">analyze --dataset=global --predict --depth=max --access=vip</span>
879
  </div>
880
  <div class="response">
881
+ <span class="text-green-400">[VIP ANALYSIS]</span> Processing 10PB of global data using all 1024 AI specialists...<br>
882
+ <span class="text-purple-400">[QUANTUM]</span> 58,328 parallel threads initiated<br>
883
+ <span class="text-blue-400">[PREDICTION]</span> Market trends for next 10 years calculated with 99.9% confidence<br>
884
+ <span class="text-yellow-400">[VIP RECOMMENDATION]</span> Optimal investment strategy generated by 48 financial AIs
885
  </div>
886
 
887
  <div class="command-line">
888
+ <span class="prompt">vip@megasite:~$</span>
889
+ <span class="command">generate --content="business plan" --style=premium --assistants=all --access=vip</span>
890
  </div>
891
  <div class="response">
892
+ <span class="text-green-400">[VIP CREATION]</span> All 1024 AI specialists collaborating on content generation<br>
893
+ <span class="text-emerald-400">[QUALITY]</span> Human-indistinguishable document generated in 0.2s<br>
894
+ <span class="text-blue-400">[ENHANCEMENT]</span> Added 4D interactive visualizations and quantum data references<br>
895
+ <span class="text-pink-400">[ASSISTANTS]</span> All 20 assistants optimized the output
896
  </div>
897
 
898
  <div class="command-line">
899
+ <span class="prompt">vip@megasite:~$</span>
900
  <span class="command blink">|</span>
901
  </div>
902
  </div>
903
  </div>
904
 
905
  <div class="mt-8 text-center">
906
+ <button onclick="useTerminal()" class="bg-gradient-to-r from-purple-600 to-emerald-500 hover:from-purple-700 hover:to-emerald-600 text-white font-bold py-3 px-8 rounded-full text-lg transition-all duration-300 transform hover:scale-105">
907
+ Utiliser le Terminal VIP
908
  </button>
909
  </div>
910
  </div>
 
914
  <div id="features" class="py-16 bg-gray-800 bg-opacity-80">
915
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
916
  <div class="lg:text-center mb-12">
917
+ <h2 class="text-base text-blue-400 font-semibold tracking-wide uppercase">Fonctionnalités VIP</h2>
918
  <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl tech-font">
919
+ Vos Capacités Exclusives
920
  </p>
921
  </div>
922
 
 
928
  <i class="fas fa-bolt"></i>
929
  </div>
930
  <div class="ml-16">
931
+ <h3 class="text-lg leading-6 font-medium text-white">Vitesse Quantique VIP</h3>
932
  <p class="mt-2 text-base text-gray-300">
933
+ Traitement 10x plus rapide que les utilisateurs standard grâce à votre accès prioritaire.
934
  </p>
935
+ <div class="mt-2">
936
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">EXCLUSIF</span>
937
+ </div>
938
  </div>
939
  </div>
940
 
 
944
  <i class="fas fa-network-wired"></i>
945
  </div>
946
  <div class="ml-16">
947
+ <h3 class="text-lg leading-6 font-medium text-white">Réseau Neuronal Complet</h3>
948
  <p class="mt-2 text-base text-gray-300">
949
+ Accès à toutes les 1024 IA spécialisées sans aucune restriction.
950
  </p>
951
+ <div class="mt-2">
952
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">VIP</span>
953
+ </div>
954
  </div>
955
  </div>
956
 
 
962
  <div class="ml-16">
963
  <h3 class="text-lg leading-6 font-medium text-white">Analyse Prédictive Avancée</h3>
964
  <p class="mt-2 text-base text-gray-300">
965
+ Algorithmes exclusifs avec 99.9% de précision réservés aux VIP.
966
  </p>
967
+ <div class="mt-2">
968
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">EXCLUSIF</span>
969
+ </div>
970
  </div>
971
  </div>
972
 
 
976
  <i class="fas fa-lock"></i>
977
  </div>
978
  <div class="ml-16">
979
+ <h3 class="text-lg leading-6 font-medium text-white">Sécurité Quantique VIP</h3>
980
  <p class="mt-2 text-base text-gray-300">
981
+ Protection des données par cryptographie quantique améliorée.
982
  </p>
983
+ <div class="mt-2">
984
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">VIP</span>
985
+ </div>
986
  </div>
987
  </div>
988
 
 
992
  <i class="fas fa-robot"></i>
993
  </div>
994
  <div class="ml-16">
995
+ <h3 class="text-lg leading-6 font-medium text-white">Génération de Contenu Premium</h3>
996
  <p class="mt-2 text-base text-gray-300">
997
+ Modèles exclusifs réservés aux utilisateurs VIP pour un contenu parfait.
998
  </p>
999
+ <div class="mt-2">
1000
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">EXCLUSIF</span>
1001
+ </div>
1002
  </div>
1003
  </div>
1004
 
 
1008
  <i class="fas fa-infinity"></i>
1009
  </div>
1010
  <div class="ml-16">
1011
+ <h3 class="text-lg leading-6 font-medium text-white">Apprentissage Continu VIP</h3>
1012
  <p class="mt-2 text-base text-gray-300">
1013
+ Votre réseau s'adapte spécifiquement à vos besoins en temps réel.
1014
  </p>
1015
+ <div class="mt-2">
1016
+ <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-900 text-green-200">VIP</span>
1017
+ </div>
1018
  </div>
1019
  </div>
1020
  </div>
 
1023
  </div>
1024
 
1025
  <!-- CTA Section -->
1026
+ <div class="relative bg-gray-900">
1027
  <div class="absolute inset-0">
1028
  <div class="absolute inset-y-0 left-0 w-1/2 bg-gray-800"></div>
1029
  </div>
 
1031
  <div class="bg-gradient-to-br from-purple-900 to-blue-800 py-16 px-4 sm:px-6 lg:col-span-2 lg:px-8 lg:py-24 xl:pr-12">
1032
  <div class="max-w-lg mx-auto">
1033
  <h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-3xl tech-font">
1034
+ Assistance VIP 24/7
1035
  </h2>
1036
  <p class="mt-3 text-lg leading-6 text-gray-300">
1037
+ Votre accès gratuit inclut un support prioritaire dédié.
1038
  </p>
1039
  <dl class="mt-8 text-base text-gray-300">
1040
  <div class="mt-6">
1041
+ <dt class="sr-only">Téléphone VIP</dt>
1042
  <dd class="flex">
1043
  <i class="fas fa-phone-alt h-6 w-6 text-purple-300 mr-3"></i>
1044
+ <span>+1 (555) VIP-HELP</span>
1045
  </dd>
1046
  </div>
1047
  <div class="mt-3">
1048
+ <dt class="sr-only">Email VIP</dt>
1049
  <dd class="flex">
1050
  <i class="fas fa-envelope h-6 w-6 text-purple-300 mr-3"></i>
1051
+ <span>vip@megasiteai.com</span>
1052
  </dd>
1053
  </div>
1054
  </dl>
1055
  <p class="mt-6 text-sm text-purple-200">
1056
+ Vos 20 assistants IA personnels sont disponibles en permanence.
1057
  </p>
1058
  </div>
1059
  </div>
1060
  <div class="bg-gray-800 py-16 px-4 sm:px-6 lg:col-span-3 lg:py-24 lg:px-8 xl:pl-12">
1061
  <div class="max-w-lg mx-auto lg:max-w-none">
1062
+ <div class="text-center">
1063
+ <h3 class="text-2xl font-bold text-white tech-font">Votre Accès VIP est Activé</h3>
1064
+ <p class="mt-4 text-lg text-gray-300">
1065
+ Profitez de toutes les fonctionnalités sans aucune limitation.
1066
+ </p>
1067
+ <div class="mt-6">
1068
+ <div class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700">
1069
+ <i class="fas fa-crown mr-2"></i> Statut VIP Actif
1070
+ </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
1071
  </div>
1072
+ <div class="mt-8 grid grid-cols-2 gap-4 text-left">
1073
+ <div class="flex items-start">
1074
+ <div class="flex-shrink-0 h-6 w-6 text-green-400">
1075
+ <i class="fas fa-check-circle"></i>
1076
+ </div>
1077
+ <div class="ml-3">
1078
+ <p class="text-sm text-gray-300">Accès à 1024 IA</p>
1079
+ </div>
1080
  </div>
1081
+ <div class="flex items-start">
1082
+ <div class="flex-shrink-0 h-6 w-6 text-green-400">
1083
+ <i class="fas fa-check-circle"></i>
1084
+ </div>
1085
+ <div class="ml-3">
1086
+ <p class="text-sm text-gray-300">20 Assistants</p>
1087
+ </div>
1088
+ </div>
1089
+ <div class="flex items-start">
1090
+ <div class="flex-shrink-0 h-6 w-6 text-green-400">
1091
+ <i class="fas fa-check-circle"></i>
1092
+ </div>
1093
+ <div class="ml-3">
1094
+ <p class="text-sm text-gray-300">Support Prioritaire</p>
1095
+ </div>
1096
+ </div>
1097
+ <div class="flex items-start">
1098
+ <div class="flex-shrink-0 h-6 w-6 text-green-400">
1099
+ <i class="fas fa-check-circle"></i>
1100
+ </div>
1101
+ <div class="ml-3">
1102
+ <p class="text-sm text-gray-300">Pas de Limitations</p>
1103
+ </div>
1104
  </div>
1105
  </div>
1106
+ </div>
 
 
 
 
 
1107
  </div>
1108
  </div>
1109
  </div>
 
1119
  <span class="text-purple-500">Mega</span> <span class="text-emerald-400">Site</span> <span class="text-orange-400">AI</span>
1120
  </span>
1121
  <p class="text-gray-300 text-base">
1122
+ La plateforme IA la plus puissante au monde - Édition VIP
1123
  </p>
1124
  <div class="flex space-x-6">
1125
  <a href="#" class="text-gray-400 hover:text-gray-300">
 
1143
  <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
1144
  <div class="md:grid md:grid-cols-2 md:gap-8">
1145
  <div>
1146
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions VIP</h3>
1147
  <ul class="mt-4 space-y-4">
1148
  <li>
1149
  <a href="#features" class="text-base text-gray-300 hover:text-white"> Analyse Prédictive </a>
 
1160
  </ul>
1161
  </div>
1162
  <div class="mt-12 md:mt-0">
1163
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Support VIP</h3>
1164
  <ul class="mt-4 space-y-4">
1165
  <li>
1166
  <a href="#" class="text-base text-gray-300 hover:text-white"> Documentation </a>
 
1169
  <a href="#" class="text-base text-gray-300 hover:text-white"> Guides </a>
1170
  </li>
1171
  <li>
1172
+ <a href="#" class="text-base text-gray-300 hover:text-white"> Forum VIP </a>
1173
  </li>
1174
  <li>
1175
  <a href="#" class="text-base text-gray-300 hover:text-white"> Assistance Quantique </a>
 
1179
  </div>
1180
  <div class="md:grid md:grid-cols-2 md:gap-8">
1181
  <div>
1182
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">VIP</h3>
1183
  <ul class="mt-4 space-y-4">
1184
  <li>
1185
  <a href="#" class="text-base text-gray-300 hover:text-white"> À propos </a>
1186
  </li>
1187
  <li>
1188
+ <a href="#" class="text-base text-gray-300 hover:text-white"> Blog VIP </a>
1189
  </li>
1190
  <li>
1191
+ <a href="#" class="text-base text-gray-300 hover:text-white"> Programme VIP </a>
1192
  </li>
1193
  <li>
1194
  <a href="#" class="text-base text-gray-300 hover:text-white"> Presse </a>
 
1196
  </ul>
1197
  </div>
1198
  <div class="mt-12 md:mt-0">
1199
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Légal VIP</h3>
1200
  <ul class="mt-4 space-y-4">
1201
  <li>
1202
  <a href="#" class="text-base text-gray-300 hover:text-white"> Confidentialité </a>
1203
  </li>
1204
  <li>
1205
+ <a href="#" class="text-base text-gray-300 hover:text-white"> Conditions VIP </a>
1206
  </li>
1207
  <li>
1208
  <a href="#" class="text-base text-gray-300 hover:text-white"> Politique d'IA </a>
 
1214
  </div>
1215
  <div class="mt-12 border-t border-gray-800 pt-8">
1216
  <p class="text-base text-gray-400 xl:text-center">
1217
+ &copy; 2023 Mega Site AI VIP. Tous droits réservés. Accès gratuit personnel activé.
1218
  </p>
1219
  </div>
1220
  </div>
 
1222
 
1223
  <!-- Floating AI Assistant -->
1224
  <div class="fixed bottom-6 right-6 z-50">
1225
+ <button id="aiAssistantButton" class="p-4 bg-gradient-to-br from-green-600 to-emerald-500 text-white rounded-full shadow-lg hover:shadow-xl transform hover:scale-110 transition-all duration-300 pulse">
1226
+ <i class="fas fa-crown text-2xl"></i>
1227
  </button>
1228
+ <div id="aiAssistantPanel" class="hidden absolute bottom-20 right-0 w-80 bg-gray-800 rounded-lg shadow-xl border border-green-500">
1229
  <div class="p-4 border-b border-gray-700">
1230
  <div class="flex items-center">
1231
+ <div class="flex-shrink-0 bg-green-500 rounded-full p-2">
1232
+ <i class="fas fa-crown text-white"></i>
1233
  </div>
1234
  <div class="ml-3">
1235
+ <h3 class="text-sm font-medium text-white">Assistant VIP</h3>
1236
+ <p class="text-xs text-green-300">Accès complet activé</p>
1237
  </div>
1238
  <button id="closeAssistant" class="ml-auto text-gray-400 hover:text-white">
1239
  <i class="fas fa-times"></i>
 
1243
  <div class="p-4 h-48 overflow-y-auto">
1244
  <div class="flex mb-4">
1245
  <div class="flex-shrink-0 mr-3">
1246
+ <div class="h-8 w-8 rounded-full bg-green-500 flex items-center justify-center text-white">
1247
  <i class="fas fa-robot"></i>
1248
  </div>
1249
  </div>
1250
  <div class="bg-gray-700 rounded-lg p-3">
1251
+ <p class="text-sm text-white">Bonjour VIP! Comment puis-je vous aider aujourd'hui? Vous avez accès à toutes les fonctionnalités.</p>
1252
  </div>
1253
  </div>
1254
  </div>
1255
  <div class="p-4 border-t border-gray-700">
1256
+ <button class="w-full inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700">
1257
+ <i class="fas fa-terminal mr-2"></i> Ouvrir le Terminal VIP
1258
+ </button>
1259
  </div>
1260
  </div>
1261
  </div>
 
1326
  hub.style.background = 'rgba(var(--purple-500-rgb), 0.9)';
1327
  hub.style.boxShadow = '0 0 20px rgba(var(--purple-500-rgb), 0.7)';
1328
  hub.style.fontSize = '24px';
1329
+ hub.textContent = 'VIP';
1330
  container.appendChild(hub);
1331
  }
1332
 
 
1344
  });
1345
 
1346
  closeAssistant.addEventListener('click', () => {
1347
+ aiAssistantPanel.classList.add('hidden');
1348
+ });
1349
+
1350
+ // Modal for free access
1351
+ const modal = document.getElementById('accessModal');
1352
+ const btn = document.getElementById('freeAccessBtn');
1353
+ const span = document.getElementsByClassName('close')[0];
1354
+ const accessForm = document.getElementById('freeAccessForm');
1355
+ const accessSuccess = document.getElementById('accessSuccess');
1356
+ const accessError = document.getElementById('accessError');
1357
+
1358
+ // When the user clicks the button, open the modal
1359
+ btn.onclick = function() {
1360
+ modal.style.display = 'block';
1361
+ }
1362
+
1363
+ // When the user clicks on <span> (x), close the modal
1364
+ span.onclick = function() {
1365
+ modal.style.display = 'none';
1366
+ }
1367
+
1368
+ // When the user clicks anywhere outside of the modal, close it
1369
+ window.onclick = function(event) {
1370
+ if
1371
  </html>
prompts.txt CHANGED
@@ -3,4 +3,5 @@ MODIDIE LE TITRE PAR Mega Site AI
3
  enlever debloquer la puissance par s'abonner , il seront oblier de s'inscrire et de s abonner
4
  toutes les bouton ne sont pas cliquable
5
  toutes les boutons Nos Spécialistes en Intelligence Artificielle ne sont pas cliquable
6
- Ajouter plus d'outil IA avec une millier d'IA en plus avec une vingtaine d'assistance IA en plus je veux que se soit une grosse plate forme IA tres tres puissant
 
 
3
  enlever debloquer la puissance par s'abonner , il seront oblier de s'inscrire et de s abonner
4
  toutes les bouton ne sont pas cliquable
5
  toutes les boutons Nos Spécialistes en Intelligence Artificielle ne sont pas cliquable
6
+ Ajouter plus d'outil IA avec une millier d'IA en plus avec une vingtaine d'assistance IA en plus je veux que se soit une grosse plate forme IA tres tres puissant
7
+ je veux acces gratuite pour moi seul