Hugging Face's logo

Spaces:
docto41
/
wordpress
Running

App Files Community
docto41 commited on
Commit
f791b66
·
verified ·
1 Parent(s): 2770af0

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +581 -2
  2. prompts.txt +3 -1
index.html CHANGED
@@ -113,6 +113,108 @@
113
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2),
114
  0 10px 10px -5px rgba(0, 0, 0, 0.1);
115
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
116
  </style>
117
  </head>
118
  <body class="min-h-screen gradient-bg text-white font-sans overflow-x-hidden relative">
@@ -160,7 +262,7 @@
160
  </div>
161
  </div>
162
 
163
- <button class="pulse w-full mt-6 px-6 py-3 bg-white text-blue-600 rounded-lg font-bold hover:bg-opacity-90 transform transition-all duration-300 hover:scale-105 shadow-lg glow">
164
  <i class="fas fa-search mr-2"></i> Vérifier la disponibilité
165
  </button>
166
 
@@ -174,6 +276,54 @@
174
  <div class="font-bold">9,99€/an</div>
175
  </div>
176
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
177
  </div>
178
  </div>
179
 
@@ -205,9 +355,341 @@
205
  </div>
206
  </div>
207
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
208
  <!-- Pied de page -->
209
  <footer class="py-8 text-center text-sm opacity-80 relative z-10">
210
- <p>Service d'enregistrement de domaine instantané - Tous droits réservés</p>
 
 
 
 
 
 
 
 
 
 
211
  </footer>
212
 
213
  <script>
@@ -277,6 +759,100 @@
277
  });
278
  }
279
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
280
  // Animation de rotation lente
281
  const style = document.createElement('style');
282
  style.innerHTML = `
@@ -294,6 +870,9 @@
294
  document.addEventListener('DOMContentLoaded', function() {
295
  createParticles();
296
  setupDomainSelector();
 
 
 
297
  });
298
  </script>
299
  <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/wordpress" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
113
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2),
114
  0 10px 10px -5px rgba(0, 0, 0, 0.1);
115
  }
116
+
117
+ /* Styles pour le panier */
118
+ .cart-item {
119
+ transition: all 0.3s ease;
120
+ }
121
+
122
+ .cart-item:hover {
123
+ background: rgba(255,255,255,0.15);
124
+ }
125
+
126
+ /* Styles pour les onglets */
127
+ .tab-content {
128
+ display: none;
129
+ }
130
+
131
+ .tab-content.active {
132
+ display: block;
133
+ }
134
+
135
+ .tab-button.active {
136
+ border-bottom: 2px solid white;
137
+ font-weight: bold;
138
+ }
139
+
140
+ /* Animation pour le panier */
141
+ @keyframes slideIn {
142
+ from { transform: translateX(100%); }
143
+ to { transform: translateX(0); }
144
+ }
145
+
146
+ .cart-slide-in {
147
+ animation: slideIn 0.3s forwards;
148
+ }
149
+
150
+ /* Progress bar */
151
+ .progress-container {
152
+ width: 100%;
153
+ height: 8px;
154
+ background: rgba(255,255,255,0.1);
155
+ border-radius: 4px;
156
+ overflow: hidden;
157
+ }
158
+
159
+ .progress-bar {
160
+ height: 100%;
161
+ background: linear-gradient(90deg, #4ade80, #3b82f6);
162
+ border-radius: 4px;
163
+ transition: width 0.3s ease;
164
+ }
165
+
166
+ /* Status badges */
167
+ .status-badge {
168
+ display: inline-flex;
169
+ align-items: center;
170
+ padding: 0.25rem 0.5rem;
171
+ border-radius: 9999px;
172
+ font-size: 0.75rem;
173
+ font-weight: 600;
174
+ }
175
+
176
+ .status-active {
177
+ background-color: rgba(74, 222, 128, 0.1);
178
+ color: #4ade80;
179
+ }
180
+
181
+ .status-pending {
182
+ background-color: rgba(251, 191, 36, 0.1);
183
+ color: #fbbf24;
184
+ }
185
+
186
+ .status-secure {
187
+ background-color: rgba(16, 185, 129, 0.1);
188
+ color: #10b981;
189
+ }
190
+
191
+ /* Resource usage card */
192
+ .resource-card {
193
+ position: relative;
194
+ overflow: hidden;
195
+ }
196
+
197
+ .resource-card::before {
198
+ content: '';
199
+ position: absolute;
200
+ top: 0;
201
+ left: 0;
202
+ right: 0;
203
+ height: 4px;
204
+ background: linear-gradient(90deg, #3b82f6, #8b5cf6);
205
+ }
206
+
207
+ /* Speed test card */
208
+ .speed-test-card {
209
+ background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(124, 58, 237, 0.1));
210
+ border: 1px solid rgba(99, 102, 241, 0.2);
211
+ }
212
+
213
+ /* Security card */
214
+ .security-card {
215
+ background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1));
216
+ border: 1px solid rgba(16, 185, 129, 0.2);
217
+ }
218
  </style>
219
  </head>
220
  <body class="min-h-screen gradient-bg text-white font-sans overflow-x-hidden relative">
 
262
  </div>
263
  </div>
264
 
265
+ <button id="check-availability" class="pulse w-full mt-6 px-6 py-3 bg-white text-blue-600 rounded-lg font-bold hover:bg-opacity-90 transform transition-all duration-300 hover:scale-105 shadow-lg glow">
266
  <i class="fas fa-search mr-2"></i> Vérifier la disponibilité
267
  </button>
268
 
 
276
  <div class="font-bold">9,99€/an</div>
277
  </div>
278
  </div>
279
+
280
+ <!-- Section d'abonnement (cachée par défaut) -->
281
+ <div id="subscription-section" class="mt-6 hidden">
282
+ <div class="bg-white bg-opacity-10 p-4 rounded-lg mb-4">
283
+ <h3 class="font-bold mb-2">Abonnez-vous gratuitement pour continuer</h3>
284
+ <p class="text-sm opacity-80 mb-4">Créez un compte gratuit pour enregistrer des domaines et accéder à votre tableau de bord.</p>
285
+
286
+ <div class="space-y-3">
287
+ <input type="email" placeholder="Votre email" class="w-full px-3 py-2 bg-white bg-opacity-20 rounded border border-white border-opacity-30">
288
+ <input type="password" placeholder="Mot de passe" class="w-full px-3 py-2 bg-white bg-opacity-20 rounded border border-white border-opacity-30">
289
+ <button class="w-full py-2 bg-blue-500 rounded font-medium hover:bg-blue-600">S'inscrire gratuitement</button>
290
+ </div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Section panier (cachée par défaut) -->
295
+ <div id="cart-section" class="hidden">
296
+ <div class="mt-6 bg-white bg-opacity-10 rounded-lg p-4">
297
+ <h3 class="font-bold mb-3 flex justify-between items-center">
298
+ <span>Votre panier</span>
299
+ <span class="text-sm font-normal">1 article</span>
300
+ </h3>
301
+
302
+ <div class="cart-item p-3 rounded bg-white bg-opacity-5 mb-3 flex justify-between items-center">
303
+ <div>
304
+ <div class="font-medium">votredomaine.com</div>
305
+ <div class="text-sm opacity-80">1 an - Renouvellement automatique</div>
306
+ </div>
307
+ <div class="font-bold">9,99€</div>
308
+ </div>
309
+
310
+ <div class="border-t border-white border-opacity-20 pt-3 mt-3">
311
+ <div class="flex justify-between mb-2">
312
+ <span>Total</span>
313
+ <span class="font-bold">9,99€</span>
314
+ </div>
315
+
316
+ <div class="grid grid-cols-2 gap-3 mt-4">
317
+ <button id="paypal-button" class="py-2 px-3 bg-blue-500 rounded flex items-center justify-center hover:bg-blue-600">
318
+ <i class="fab fa-paypal mr-2"></i> PayPal
319
+ </button>
320
+ <button id="stripe-button" class="py-2 px-3 bg-purple-500 rounded flex items-center justify-center hover:bg-purple-600">
321
+ <i class="fab fa-stripe mr-2"></i> Stripe
322
+ </button>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </div>
327
  </div>
328
  </div>
329
 
 
355
  </div>
356
  </div>
357
 
358
+ <!-- Tableau de bord (modal) -->
359
+ <div id="dashboard-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
360
+ <div class="bg-gray-800 rounded-xl max-w-6xl w-full max-h-[90vh] overflow-y-auto">
361
+ <div class="p-6">
362
+ <div class="flex justify-between items-center mb-6">
363
+ <h2 class="text-2xl font-bold">Tableau de bord</h2>
364
+ <button id="close-dashboard" class="text-gray-400 hover:text-white">
365
+ <i class="fas fa-times"></i>
366
+ </button>
367
+ </div>
368
+
369
+ <!-- Onglets -->
370
+ <div class="flex border-b border-gray-700 mb-6">
371
+ <button class="tab-button active px-4 py-2" data-tab="domains">Mes domaines</button>
372
+ <button class="tab-button px-4 py-2" data-tab="hosting">Hébergement</button>
373
+ <button class="tab-button px-4 py-2" data-tab="payments">Paiements</button>
374
+ <button class="tab-button px-4 py-2" data-tab="account">Mon compte</button>
375
+ </div>
376
+
377
+ <!-- Contenu des onglets -->
378
+ <div id="domains" class="tab-content active">
379
+ <h3 class="text-xl font-bold mb-4">Mes domaines enregistrés</h3>
380
+ <div class="bg-gray-700 rounded-lg p-4 mb-4">
381
+ <div class="flex justify-between items-center">
382
+ <div>
383
+ <div class="font-bold">votredomaine.com</div>
384
+ <div class="text-sm text-gray-400">Expire le: 01/01/2024</div>
385
+ </div>
386
+ <button class="px-3 py-1 bg-blue-500 rounded hover:bg-blue-600">Renouveler</button>
387
+ </div>
388
+ </div>
389
+ <p class="text-gray-400">Vous n'avez pas d'autres domaines enregistrés.</p>
390
+ </div>
391
+
392
+ <!-- Nouvel onglet Hébergement -->
393
+ <div id="hosting" class="tab-content">
394
+ <h3 class="text-xl font-bold mb-4">Statut de l'hébergement</h3>
395
+
396
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
397
+ <!-- Carte Statut du domaine -->
398
+ <div class="card resource-card p-6 rounded-lg">
399
+ <div class="flex items-center mb-4">
400
+ <div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-3">
401
+ <i class="fas fa-globe text-white"></i>
402
+ </div>
403
+ <h4 class="font-bold text-lg">Statut du domaine</h4>
404
+ </div>
405
+ <div class="space-y-3">
406
+ <div class="flex justify-between items-center">
407
+ <span class="text-gray-400">Nom de domaine</span>
408
+ <span class="font-medium">votredomaine.com</span>
409
+ </div>
410
+ <div class="flex justify-between items-center">
411
+ <span class="text-gray-400">Enregistré chez</span>
412
+ <span class="font-medium">Autre hébergeur</span>
413
+ </div>
414
+ <div class="flex justify-between items-center">
415
+ <span class="text-gray-400">Statut</span>
416
+ <span class="status-badge status-active">
417
+ <i class="fas fa-check-circle mr-1"></i> Actif
418
+ </span>
419
+ </div>
420
+ </div>
421
+ </div>
422
+
423
+ <!-- Carte Services -->
424
+ <div class="card resource-card p-6 rounded-lg">
425
+ <div class="flex items-center mb-4">
426
+ <div class="w-10 h-10 rounded-full bg-purple-500 flex items-center justify-center mr-3">
427
+ <i class="fas fa-server text-white"></i>
428
+ </div>
429
+ <h4 class="font-bold text-lg">Services</h4>
430
+ </div>
431
+ <div class="space-y-3">
432
+ <div class="flex justify-between items-center">
433
+ <span class="text-gray-400">Hébergement</span>
434
+ <span class="status-badge status-active">
435
+ <i class="fas fa-check-circle mr-1"></i> Actif
436
+ </span>
437
+ </div>
438
+ <div class="flex justify-between items-center">
439
+ <span class="text-gray-400">Email</span>
440
+ <span class="status-badge status-pending">
441
+ <i class="fas fa-clock mr-1"></i> En attente de configuration
442
+ </span>
443
+ </div>
444
+ <div class="flex justify-between items-center">
445
+ <span class="text-gray-400">Sauvegardes</span>
446
+ <span class="font-medium">Hebdomadaire</span>
447
+ </div>
448
+ </div>
449
+ </div>
450
+ </div>
451
+
452
+ <!-- Carte Performances -->
453
+ <div class="card speed-test-card p-6 rounded-lg mb-6">
454
+ <div class="flex items-center justify-between mb-4">
455
+ <div class="flex items-center">
456
+ <div class="w-10 h-10 rounded-full bg-indigo-500 flex items-center justify-center mr-3">
457
+ <i class="fas fa-tachometer-alt text-white"></i>
458
+ </div>
459
+ <h4 class="font-bold text-lg">Performances</h4>
460
+ </div>
461
+ <button class="text-sm text-blue-400 hover:text-blue-300 flex items-center">
462
+ <i class="fas fa-sync-alt mr-1"></i> Faire un test de vitesse
463
+ </button>
464
+ </div>
465
+
466
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
467
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
468
+ <div class="text-gray-400 mb-1">Google PageSpeed</div>
469
+ <div class="text-3xl font-bold text-green-400">100</div>
470
+ <div class="text-sm text-gray-400">Appareil de bureau</div>
471
+ </div>
472
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
473
+ <div class="text-gray-400 mb-1">Dernière analyse</div>
474
+ <div class="text-xl font-bold">2025-03-26</div>
475
+ <div class="text-sm text-gray-400">Performance optimale</div>
476
+ </div>
477
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
478
+ <div class="text-gray-400 mb-1">Temps de réponse</div>
479
+ <div class="text-xl font-bold">0.8s</div>
480
+ <div class="text-sm text-gray-400">Très rapide</div>
481
+ </div>
482
+ </div>
483
+ </div>
484
+
485
+ <!-- Carte Sécurité -->
486
+ <div class="card security-card p-6 rounded-lg mb-6">
487
+ <div class="flex items-center mb-4">
488
+ <div class="w-10 h-10 rounded-full bg-green-500 flex items-center justify-center mr-3">
489
+ <i class="fas fa-shield-alt text-white"></i>
490
+ </div>
491
+ <h4 class="font-bold text-lg">Sécurité</h4>
492
+ </div>
493
+
494
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
495
+ <div>
496
+ <div class="flex items-center justify-between mb-2">
497
+ <span class="text-gray-400">Statut SSL</span>
498
+ <span class="status-badge status-secure">
499
+ <i class="fas fa-lock mr-1"></i> Le site web est sécurisé
500
+ </span>
501
+ </div>
502
+ <div class="flex items-center justify-between">
503
+ <span class="text-gray-400">Analyse malware</span>
504
+ <span class="text-green-400">Aucun logiciel malveillant trouvé</span>
505
+ </div>
506
+ <button class="mt-3 text-sm text-blue-400 hover:text-blue-300">
507
+ <i class="fas fa-search mr-1"></i> Voir les détails
508
+ </button>
509
+ </div>
510
+ <div>
511
+ <div class="text-gray-400 mb-2">Utilisation des ressources</div>
512
+ <div class="flex justify-between items-center mb-1">
513
+ <span>68% du total des ressources utilisées</span>
514
+ <span class="text-sm font-bold">68%</span>
515
+ </div>
516
+ <div class="progress-container">
517
+ <div class="progress-bar" style="width: 68%"></div>
518
+ </div>
519
+ <button class="mt-2 text-sm text-blue-400 hover:text-blue-300">
520
+ <i class="fas fa-chart-bar mr-1"></i> Voir les détails
521
+ </button>
522
+ </div>
523
+ </div>
524
+ </div>
525
+
526
+ <!-- Outils de gestion -->
527
+ <h4 class="font-bold text-lg mb-4">Outils de gestion</h4>
528
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
529
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
530
+ <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-2">
531
+ <i class="fas fa-folder text-white text-xl"></i>
532
+ </div>
533
+ <div class="font-medium">Gestionnaire de fichiers</div>
534
+ </div>
535
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
536
+ <div class="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-2">
537
+ <i class="fas fa-database text-white text-xl"></i>
538
+ </div>
539
+ <div class="font-medium">Bases de données</div>
540
+ </div>
541
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
542
+ <div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-2">
543
+ <i class="fab fa-wordpress text-white text-xl"></i>
544
+ </div>
545
+ <div class="font-medium">Aperçu de WordPress</div>
546
+ </div>
547
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
548
+ <div class="w-12 h-12 bg-red-500 rounded-full flex items-center justify-center mx-auto mb-2">
549
+ <i class="fas fa-cogs text-white text-xl"></i>
550
+ </div>
551
+ <div class="font-medium">Configuration automatique</div>
552
+ </div>
553
+ </div>
554
+ </div>
555
+
556
+ <div id="payments" class="tab-content">
557
+ <h3 class="text-xl font-bold mb-4">Historique des paiements</h3>
558
+
559
+ <div class="mb-6">
560
+ <h4 class="font-bold mb-2">Méthodes de paiement</h4>
561
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
562
+ <div class="bg-gray-700 rounded-lg p-4">
563
+ <div class="flex items-center mb-2">
564
+ <i class="fab fa-paypal text-2xl mr-3 text-blue-400"></i>
565
+ <span class="font-bold">PayPal</span>
566
+ </div>
567
+ <p class="text-sm text-gray-400">paypal@exemple.com</p>
568
+ <button class="mt-3 text-sm text-blue-400 hover:text-blue-300">Modifier</button>
569
+ </div>
570
+ <div class="bg-gray-700 rounded-lg p-4">
571
+ <div class="flex items-center mb-2">
572
+ <i class="fab fa-cc-stripe text-2xl mr-3 text-purple-400"></i>
573
+ <span class="font-bold">Carte bancaire</span>
574
+ </div>
575
+ <p class="text-sm text-gray-400">**** **** **** 4242</p>
576
+ <button class="mt-3 text-sm text-blue-400 hover:text-blue-300">Modifier</button>
577
+ </div>
578
+ </div>
579
+
580
+ <button class="px-4 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 flex items-center">
581
+ <i class="fas fa-plus mr-2"></i> Ajouter une méthode de paiement
582
+ </button>
583
+ </div>
584
+
585
+ <div>
586
+ <h4 class="font-bold mb-2">Transactions récentes</h4>
587
+ <div class="bg-gray-700 rounded-lg overflow-hidden">
588
+ <div class="grid grid-cols-4 p-3 bg-gray-800 font-bold text-sm">
589
+ <div>Date</div>
590
+ <div>Montant</div>
591
+ <div>Méthode</div>
592
+ <div>Statut</div>
593
+ </div>
594
+ <div class="grid grid-cols-4 p-3 border-b border-gray-600 text-sm">
595
+ <div>15/06/2023</div>
596
+ <div>9,99€</div>
597
+ <div>PayPal</div>
598
+ <div class="text-green-400">Complété</div>
599
+ </div>
600
+ </div>
601
+ </div>
602
+ </div>
603
+
604
+ <div id="account" class="tab-content">
605
+ <h3 class="text-xl font-bold mb-4">Informations du compte</h3>
606
+
607
+ <div class="bg-gray-700 rounded-lg p-4 mb-6">
608
+ <div class="mb-4">
609
+ <label class="block text-sm font-bold mb-2">Email</label>
610
+ <input type="email" value="utilisateur@exemple.com" class="w-full px-3 py-2 bg-gray-800 rounded border border-gray-600">
611
+ </div>
612
+
613
+ <div class="mb-4">
614
+ <label class="block text-sm font-bold mb-2">Mot de passe</label>
615
+ <input type="password" placeholder="********" class="w-full px-3 py-2 bg-gray-800 rounded border border-gray-600">
616
+ </div>
617
+
618
+ <button class="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600">Mettre à jour</button>
619
+ </div>
620
+
621
+ <div class="bg-gray-700 rounded-lg p-4">
622
+ <h4 class="font-bold mb-3">Abonnement</h4>
623
+ <div class="flex justify-between items-center">
624
+ <div>
625
+ <div class="font-bold">Gratuit</div>
626
+ <div class="text-sm text-gray-400">Accès aux fonctionnalités de base</div>
627
+ </div>
628
+ <button class="px-4 py-2 bg-purple-500 rounded-lg hover:bg-purple-600">Passer à Premium</button>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+
636
+ <!-- Panier latéral -->
637
+ <div id="side-cart" class="fixed top-0 right-0 h-full w-80 bg-gray-800 shadow-xl z-40 transform translate-x-full transition-transform duration-300">
638
+ <div class="p-4 h-full flex flex-col">
639
+ <div class="flex justify-between items-center mb-4">
640
+ <h3 class="text-xl font-bold">Votre panier</h3>
641
+ <button id="close-cart" class="text-gray-400 hover:text-white">
642
+ <i class="fas fa-times"></i>
643
+ </button>
644
+ </div>
645
+
646
+ <div class="flex-1 overflow-y-auto">
647
+ <div class="cart-item p-3 rounded bg-gray-700 mb-3 flex justify-between items-center">
648
+ <div>
649
+ <div class="font-medium">votredomaine.com</div>
650
+ <div class="text-sm text-gray-400">1 an - Renouvellement automatique</div>
651
+ </div>
652
+ <div class="font-bold">9,99€</div>
653
+ </div>
654
+ </div>
655
+
656
+ <div class="border-t border-gray-700 pt-4">
657
+ <div class="flex justify-between mb-2">
658
+ <span>Sous-total</span>
659
+ <span class="font-bold">9,99€</span>
660
+ </div>
661
+
662
+ <div class="mb-4">
663
+ <label class="flex items-center">
664
+ <input type="checkbox" class="mr-2" checked>
665
+ <span class="text-sm">Renouvellement automatique</span>
666
+ </label>
667
+ </div>
668
+
669
+ <button id="checkout-paypal" class="w-full py-3 bg-blue-500 rounded-lg mb-2 flex items-center justify-center hover:bg-blue-600">
670
+ <i class="fab fa-paypal mr-2"></i> Payer avec PayPal
671
+ </button>
672
+
673
+ <button id="checkout-stripe" class="w-full py-3 bg-purple-500 rounded-lg flex items-center justify-center hover:bg-purple-600">
674
+ <i class="fab fa-cc-stripe mr-2"></i> Payer avec Stripe
675
+ </button>
676
+ </div>
677
+ </div>
678
+ </div>
679
+
680
  <!-- Pied de page -->
681
  <footer class="py-8 text-center text-sm opacity-80 relative z-10">
682
+ <div class="container mx-auto px-4">
683
+ <div class="flex justify-center space-x-6 mb-4">
684
+ <button id="open-dashboard" class="hover:text-white transition">
685
+ <i class="fas fa-tachometer-alt mr-1"></i> Tableau de bord
686
+ </button>
687
+ <button id="open-cart" class="hover:text-white transition">
688
+ <i class="fas fa-shopping-cart mr-1"></i> Panier (<span id="cart-count">0</span>)
689
+ </button>
690
+ </div>
691
+ <p>Service d'enregistrement de domaine instantané - Tous droits réservés</p>
692
+ </div>
693
  </footer>
694
 
695
  <script>
 
759
  });
760
  }
761
 
762
+ // Gestion de l'abonnement obligatoire
763
+ function setupSubscription() {
764
+ const checkAvailabilityBtn = document.getElementById('check-availability');
765
+ const subscriptionSection = document.getElementById('subscription-section');
766
+ const cartSection = document.getElementById('cart-section');
767
+
768
+ checkAvailabilityBtn.addEventListener('click', function() {
769
+ // Simuler la vérification de disponibilité
770
+ setTimeout(() => {
771
+ // Afficher la section d'abonnement
772
+ subscriptionSection.classList.remove('hidden');
773
+ checkAvailabilityBtn.textContent = 'Domaine disponible !';
774
+ checkAvailabilityBtn.classList.remove('bg-white', 'text-blue-600');
775
+ checkAvailabilityBtn.classList.add('bg-green-500', 'text-white');
776
+
777
+ // Après inscription, afficher le panier
778
+ const signupBtn = subscriptionSection.querySelector('button');
779
+ signupBtn.addEventListener('click', function() {
780
+ subscriptionSection.classList.add('hidden');
781
+ cartSection.classList.remove('hidden');
782
+
783
+ // Mettre à jour le compteur du panier
784
+ document.getElementById('cart-count').textContent = '1';
785
+ });
786
+ }, 1000);
787
+ });
788
+ }
789
+
790
+ // Gestion du tableau de bord
791
+ function setupDashboard() {
792
+ const dashboardModal = document.getElementById('dashboard-modal');
793
+ const openDashboardBtn = document.getElementById('open-dashboard');
794
+ const closeDashboardBtn = document.getElementById('close-dashboard');
795
+ const tabButtons = document.querySelectorAll('.tab-button');
796
+ const tabContents = document.querySelectorAll('.tab-content');
797
+
798
+ openDashboardBtn.addEventListener('click', function() {
799
+ dashboardModal.classList.remove('hidden');
800
+ });
801
+
802
+ closeDashboardBtn.addEventListener('click', function() {
803
+ dashboardModal.classList.add('hidden');
804
+ });
805
+
806
+ tabButtons.forEach(button => {
807
+ button.addEventListener('click', function() {
808
+ const tabId = this.getAttribute('data-tab');
809
+
810
+ // Retirer la classe active de tous les boutons et contenus
811
+ tabButtons.forEach(btn => btn.classList.remove('active'));
812
+ tabContents.forEach(content => content.classList.remove('active'));
813
+
814
+ // Ajouter la classe active au bouton et contenu cliqué
815
+ this.classList.add('active');
816
+ document.getElementById(tabId).classList.add('active');
817
+ });
818
+ });
819
+ }
820
+
821
+ // Gestion du panier
822
+ function setupCart() {
823
+ const sideCart = document.getElementById('side-cart');
824
+ const openCartBtn = document.getElementById('open-cart');
825
+ const closeCartBtn = document.getElementById('close-cart');
826
+
827
+ openCartBtn.addEventListener('click', function() {
828
+ sideCart.classList.add('translate-x-0');
829
+ sideCart.classList.remove('translate-x-full');
830
+ });
831
+
832
+ closeCartBtn.addEventListener('click', function() {
833
+ sideCart.classList.remove('translate-x-0');
834
+ sideCart.classList.add('translate-x-full');
835
+ });
836
+
837
+ // Boutons de paiement
838
+ const paypalButtons = document.querySelectorAll('#paypal-button, #checkout-paypal');
839
+ const stripeButtons = document.querySelectorAll('#stripe-button, #checkout-stripe');
840
+
841
+ paypalButtons.forEach(button => {
842
+ button.addEventListener('click', function() {
843
+ alert('Redirection vers PayPal...');
844
+ // Ici vous intégreriez l'API PayPal
845
+ });
846
+ });
847
+
848
+ stripeButtons.forEach(button => {
849
+ button.addEventListener('click', function() {
850
+ alert('Redirection vers Stripe...');
851
+ // Ici vous intégreriez l'API Stripe
852
+ });
853
+ });
854
+ }
855
+
856
  // Animation de rotation lente
857
  const style = document.createElement('style');
858
  style.innerHTML = `
 
870
  document.addEventListener('DOMContentLoaded', function() {
871
  createParticles();
872
  setupDomainSelector();
873
+ setupSubscription();
874
+ setupDashboard();
875
+ setupCart();
876
  });
877
  </script>
878
  <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/wordpress" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
prompts.txt CHANGED
@@ -2,4 +2,6 @@ nstallation Automatique de WordPress en 1 clic Configurez un site WordPress prof
2
  ajouter domaine gratuite plus ssl , plus derveur dsn , registrat , adresse mail enregisrement en automatique avec toutes les outils intéger automatique ,, avec une tres belle interface tres animé
3
  enregistré lestoutes dans le vrai registrat , enregistrement chez hébergeur en direct et automatic en moin de 10 seconde temp réel et propagation de suite ,, changer une belle interface avec des image qui corespond au site
4
  changer le fond d'écrant avec une belle couleur degrader et animé et ajoute les choix de plussieur domine telque : .com..fr.net , .io etc...
5
- je veux un arriere plant tres attirant
 
 
 
2
  ajouter domaine gratuite plus ssl , plus derveur dsn , registrat , adresse mail enregisrement en automatique avec toutes les outils intéger automatique ,, avec une tres belle interface tres animé
3
  enregistré lestoutes dans le vrai registrat , enregistrement chez hébergeur en direct et automatic en moin de 10 seconde temp réel et propagation de suite ,, changer une belle interface avec des image qui corespond au site
4
  changer le fond d'écrant avec une belle couleur degrader et animé et ajoute les choix de plussieur domine telque : .com..fr.net , .io etc...
5
+ je veux un arriere plant tres attirant
6
+ 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
7
+ ajouter : Nom de domaine Enregistré chez un autre hébergeur Hébergement Actif Email gratuit En attente de configuration Sauvegardes Hebdomadaire GoogleAnalyse de PageSpeed 100 Appareil de bureau Dernière analyse le 2025-03-26 Faire un test de vitesse Le site web est sécurisé Aucun logiciel malveillant trouvé Voir les détails Utilisation des ressources d'hébergement 68% du total des ressources utilisées Voir les détails Gestionnaire de fichiers Bases de données Aperçu de WordPress en automatique