Hugging Face's logo

Spaces:
docto41
/
wordpress
Running

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

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +753 -444
  2. prompts.txt +2 -1
index.html CHANGED
@@ -215,484 +215,604 @@
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">
221
  <!-- Particules animées -->
222
  <div id="particles"></div>
223
 
224
- <!-- Contenu principal -->
225
- <div class="container mx-auto px-4 py-12 relative z-10">
226
- <!-- En-tête -->
227
- <header class="text-center mb-12">
228
- <div class="floating inline-block mb-6">
229
- <div class="relative">
230
- <i class="fas fa-globe text-6xl glow"></i>
231
- <div class="absolute -inset-4 rounded-full border-2 border-white border-opacity-20 animate-spin-slow"></div>
232
- </div>
233
  </div>
234
- <h1 class="text-4xl md:text-6xl font-bold mb-4 glow">Enregistrez Votre Domaine</h1>
235
- <p class="text-xl opacity-90 max-w-3xl mx-auto">Obtenez votre nom de domaine en quelques secondes avec notre service instantané</p>
236
- </header>
237
-
238
- <!-- Carte de recherche de domaine -->
239
- <div class="max-w-2xl mx-auto card rounded-2xl overflow-hidden shadow-xl relative">
240
- <div class="absolute inset-0 shine-effect opacity-30"></div>
241
 
242
- <div class="p-8 relative z-10">
243
- <h2 class="text-2xl font-bold mb-6">Vérifiez la disponibilité</h2>
 
 
 
244
 
245
- <div class="flex domain-selector" id="domain-selector">
246
- <input type="text" class="flex-1 px-4 py-3 rounded-l-lg bg-white bg-opacity-20 border border-white border-opacity-30 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 placeholder-white placeholder-opacity-70" placeholder="votredomaine">
247
- <div class="px-4 py-3 bg-white bg-opacity-30 border-t border-r border-b border-white border-opacity-30 rounded-r-lg flex items-center justify-between cursor-pointer" id="domain-tld">
248
- <span>.com</span>
249
- <i class="fas fa-chevron-down ml-2 text-xs"></i>
250
- </div>
251
- <div class="domain-options">
252
- <div class="domain-option popular" data-tld=".com">.com</div>
253
- <div class="domain-option popular" data-tld=".fr">.fr</div>
254
- <div class="domain-option popular" data-tld=".net">.net</div>
255
- <div class="domain-option" data-tld=".io">.io</div>
256
- <div class="domain-option" data-tld=".org">.org</div>
257
- <div class="domain-option" data-tld=".tech">.tech</div>
258
- <div class="domain-option" data-tld=".store">.store</div>
259
- <div class="domain-option" data-tld=".online">.online</div>
260
- <div class="domain-option" data-tld=".shop">.shop</div>
261
- <div class="domain-option" data-tld=".blog">.blog</div>
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
 
269
- <div class="mt-6 grid grid-cols-2 gap-4">
270
- <div class="bg-white bg-opacity-10 p-3 rounded-lg">
271
- <div class="text-xs opacity-70">Prix pour</div>
272
- <div class="font-bold" id="selected-domain">votredomaine.com</div>
273
  </div>
274
- <div class="bg-white bg-opacity-10 p-3 rounded-lg">
275
- <div class="text-xs opacity-70">Prix</div>
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
-
330
- <!-- Domaines populaires -->
331
- <div class="max-w-4xl mx-auto mt-16">
332
- <h2 class="text-2xl font-bold text-center mb-6">Extensions populaires</h2>
333
- <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
334
- <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer">
335
- <div class="text-2xl font-bold">.com</div>
336
- <div class="text-sm opacity-80">9,99€/an</div>
337
- </div>
338
- <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer">
339
- <div class="text-2xl font-bold">.fr</div>
340
- <div class="text-sm opacity-80">7,99€/an</div>
341
- </div>
342
- <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer">
343
- <div class="text-2xl font-bold">.net</div>
344
- <div class="text-sm opacity-80">12,99€/an</div>
345
- </div>
346
- <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer">
347
- <div class="text-2xl font-bold">.io</div>
348
- <div class="text-sm opacity-80">29,99€/an</div>
349
- </div>
350
- <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer">
351
- <div class="text-2xl font-bold">.org</div>
352
- <div class="text-sm opacity-80">10,99€/an</div>
353
  </div>
354
  </div>
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>
 
 
 
 
 
696
  // Création des particules animées
697
  function createParticles() {
698
  const container = document.getElementById('particles');
@@ -759,34 +879,141 @@
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');
@@ -797,6 +1024,7 @@
797
 
798
  openDashboardBtn.addEventListener('click', function() {
799
  dashboardModal.classList.remove('hidden');
 
800
  });
801
 
802
  closeDashboardBtn.addEventListener('click', function() {
@@ -818,6 +1046,58 @@
818
  });
819
  }
820
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
821
  // Gestion du panier
822
  function setupCart() {
823
  const sideCart = document.getElementById('side-cart');
@@ -835,45 +1115,74 @@
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 = `
859
- @keyframes spin-slow {
860
- from { transform: rotate(0deg); }
861
- to { transform: rotate(360deg); }
862
- }
863
- .animate-spin-slow {
864
- animation: spin-slow 20s linear infinite;
865
- }
866
- `;
867
- document.head.appendChild(style);
868
-
869
- // Initialisation
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>
879
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+
219
+ /* Payment methods */
220
+ .payment-method {
221
+ transition: all 0.3s ease;
222
+ }
223
+
224
+ .payment-method:hover {
225
+ transform: translateY(-3px);
226
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
227
+ }
228
+
229
+ /* Subscription modal */
230
+ .subscription-modal {
231
+ transition: all 0.3s ease;
232
+ }
233
+
234
+ .subscription-modal.hidden {
235
+ opacity: 0;
236
+ pointer-events: none;
237
+ }
238
+
239
+ .subscription-modal.visible {
240
+ opacity: 1;
241
+ pointer-events: all;
242
+ }
243
  </style>
244
  </head>
245
  <body class="min-h-screen gradient-bg text-white font-sans overflow-x-hidden relative">
246
  <!-- Particules animées -->
247
  <div id="particles"></div>
248
 
249
+ <!-- Modal d'abonnement obligatoire -->
250
+ <div id="subscription-modal" class="fixed inset-0 bg-black bg-opacity-80 z-50 flex items-center justify-center p-4 subscription-modal visible">
251
+ <div class="bg-gray-800 rounded-xl max-w-md w-full p-8">
252
+ <div class="text-center mb-6">
253
+ <i class="fas fa-user-plus text-5xl text-blue-500 mb-4"></i>
254
+ <h2 class="text-2xl font-bold">Inscription Requise</h2>
255
+ <p class="text-gray-400 mt-2">Créez un compte gratuit pour accéder à nos services</p>
 
 
256
  </div>
 
 
 
 
 
 
 
257
 
258
+ <form id="signup-form" class="space-y-4">
259
+ <div>
260
+ <label class="block text-sm font-medium mb-1">Email</label>
261
+ <input type="email" required class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500">
262
+ </div>
263
 
264
+ <div>
265
+ <label class="block text-sm font-medium mb-1">Mot de passe</label>
266
+ <input type="password" required class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600 focus:outline-none focus:ring-2 focus:ring-blue-500">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
267
  </div>
268
 
269
+ <div class="flex items-center">
270
+ <input type="checkbox" id="terms" required class="mr-2">
271
+ <label for="terms" class="text-sm">J'accepte les <a href="#" class="text-blue-400 hover:underline">conditions d'utilisation</a></label>
272
+ </div>
273
+
274
+ <button type="submit" class="w-full py-3 bg-blue-600 rounded-lg font-bold hover:bg-blue-700 transition">
275
+ S'inscrire gratuitement
276
  </button>
277
+ </form>
278
+
279
+ <div class="mt-6 text-center text-sm text-gray-400">
280
+ Déjà inscrit? <a href="#" id="login-link" class="text-blue-400 hover:underline">Se connecter</a>
281
+ </div>
282
+ </div>
283
+ </div>
284
+
285
+ <!-- Contenu principal (caché jusqu'à l'inscription) -->
286
+ <div id="main-content" class="hidden">
287
+ <!-- Panier latéral -->
288
+ <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">
289
+ <div class="p-4 h-full flex flex-col">
290
+ <div class="flex justify-between items-center mb-4">
291
+ <h3 class="text-xl font-bold">Votre panier</h3>
292
+ <button id="close-cart" class="text-gray-400 hover:text-white">
293
+ <i class="fas fa-times"></i>
294
+ </button>
295
+ </div>
296
+
297
+ <div id="cart-items" class="flex-1 overflow-y-auto">
298
+ <!-- Les éléments du panier seront ajoutés ici dynamiquement -->
299
+ </div>
300
 
301
+ <div class="border-t border-gray-700 pt-4">
302
+ <div class="flex justify-between mb-2">
303
+ <span>Sous-total</span>
304
+ <span class="font-bold" id="cart-subtotal">0,00€</span>
305
  </div>
306
+
307
+ <div class="mb-4">
308
+ <label class="flex items-center">
309
+ <input type="checkbox" class="mr-2" checked id="auto-renewal">
310
+ <span class="text-sm">Renouvellement automatique</span>
311
+ </label>
312
  </div>
313
+
314
+ <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">
315
+ <i class="fab fa-paypal mr-2"></i> Payer avec PayPal
316
+ </button>
317
+
318
+ <button id="checkout-stripe" class="w-full py-3 bg-purple-500 rounded-lg flex items-center justify-center hover:bg-purple-600">
319
+ <i class="fab fa-cc-stripe mr-2"></i> Payer avec Stripe
320
+ </button>
321
  </div>
322
+ </div>
323
+ </div>
324
+
325
+ <!-- Contenu principal -->
326
+ <div class="container mx-auto px-4 py-12 relative z-10">
327
+ <!-- En-tête -->
328
+ <header class="text-center mb-12">
329
+ <div class="floating inline-block mb-6">
330
+ <div class="relative">
331
+ <i class="fas fa-globe text-6xl glow"></i>
332
+ <div class="absolute -inset-4 rounded-full border-2 border-white border-opacity-20 animate-spin-slow"></div>
 
333
  </div>
334
  </div>
335
+ <h1 class="text-4xl md:text-6xl font-bold mb-4 glow">Enregistrez Votre Domaine</h1>
336
+ <p class="text-xl opacity-90 max-w-3xl mx-auto">Obtenez votre nom de domaine en quelques secondes avec notre service instantané</p>
337
+ </header>
338
+
339
+ <!-- Carte de recherche de domaine -->
340
+ <div class="max-w-2xl mx-auto card rounded-2xl overflow-hidden shadow-xl relative">
341
+ <div class="absolute inset-0 shine-effect opacity-30"></div>
342
 
343
+ <div class="p-8 relative z-10">
344
+ <h2 class="text-2xl font-bold mb-6">Vérifiez la disponibilité</h2>
345
+
346
+ <div class="flex domain-selector" id="domain-selector">
347
+ <input type="text" class="flex-1 px-4 py-3 rounded-l-lg bg-white bg-opacity-20 border border-white border-opacity-30 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 placeholder-white placeholder-opacity-70" placeholder="votredomaine">
348
+ <div class="px-4 py-3 bg-white bg-opacity-30 border-t border-r border-b border-white border-opacity-30 rounded-r-lg flex items-center justify-between cursor-pointer" id="domain-tld">
349
+ <span>.com</span>
350
+ <i class="fas fa-chevron-down ml-2 text-xs"></i>
351
+ </div>
352
+ <div class="domain-options">
353
+ <div class="domain-option popular" data-tld=".com">.com</div>
354
+ <div class="domain-option popular" data-tld=".fr">.fr</div>
355
+ <div class="domain-option popular" data-tld=".net">.net</div>
356
+ <div class="domain-option" data-tld=".io">.io</div>
357
+ <div class="domain-option" data-tld=".org">.org</div>
358
+ <div class="domain-option" data-tld=".tech">.tech</div>
359
+ <div class="domain-option" data-tld=".store">.store</div>
360
+ <div class="domain-option" data-tld=".online">.online</div>
361
+ <div class="domain-option" data-tld=".shop">.shop</div>
362
+ <div class="domain-option" data-tld=".blog">.blog</div>
363
+ </div>
364
+ </div>
365
+
366
+ <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">
367
+ <i class="fas fa-search mr-2"></i> Vérifier la disponibilité
368
+ </button>
369
+
370
+ <div class="mt-6 grid grid-cols-2 gap-4">
371
+ <div class="bg-white bg-opacity-10 p-3 rounded-lg">
372
+ <div class="text-xs opacity-70">Prix pour</div>
373
+ <div class="font-bold" id="selected-domain">votredomaine.com</div>
374
+ </div>
375
+ <div class="bg-white bg-opacity-10 p-3 rounded-lg">
376
+ <div class="text-xs opacity-70">Prix</div>
377
+ <div class="font-bold">9,99€/an</div>
378
+ </div>
379
+ </div>
380
+
381
+ <!-- Section panier (cachée par défaut) -->
382
+ <div id="domain-available" class="hidden mt-6">
383
+ <div class="bg-green-500 bg-opacity-20 p-4 rounded-lg mb-4 flex items-center">
384
+ <i class="fas fa-check-circle text-green-400 mr-2"></i>
385
+ <span>Ce domaine est disponible!</span>
386
  </div>
387
 
388
+ <button id="add-to-cart" class="w-full py-3 bg-blue-600 rounded-lg font-bold hover:bg-blue-700 transition flex items-center justify-center">
389
+ <i class="fas fa-cart-plus mr-2"></i> Ajouter au panier
390
+ </button>
391
+ </div>
392
+
393
+ <!-- Section domaine non disponible -->
394
+ <div id="domain-not-available" class="hidden mt-6">
395
+ <div class="bg-red-500 bg-opacity-20 p-4 rounded-lg mb-4 flex items-center">
396
+ <i class="fas fa-times-circle text-red-400 mr-2"></i>
397
+ <span>Ce domaine n'est pas disponible</span>
 
 
 
 
398
  </div>
399
+
400
+ <button id="suggest-alternatives" class="w-full py-3 bg-purple-600 rounded-lg font-bold hover:bg-purple-700 transition">
401
+ Voir des alternatives
402
+ </button>
403
  </div>
404
  </div>
405
  </div>
406
+
407
+ <!-- Domaines populaires -->
408
+ <div class="max-w-4xl mx-auto mt-16">
409
+ <h2 class="text-2xl font-bold text-center mb-6">Extensions populaires</h2>
410
+ <div class="grid grid-cols-2 md:grid-cols-5 gap-4">
411
+ <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer" data-domain=".com" data-price="9.99">
412
+ <div class="text-2xl font-bold">.com</div>
413
+ <div class="text-sm opacity-80">9,99€/an</div>
414
+ </div>
415
+ <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer" data-domain=".fr" data-price="7.99">
416
+ <div class="text-2xl font-bold">.fr</div>
417
+ <div class="text-sm opacity-80">7,99€/an</div>
418
+ </div>
419
+ <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer" data-domain=".net" data-price="12.99">
420
+ <div class="text-2xl font-bold">.net</div>
421
+ <div class="text-sm opacity-80">12,99€/an</div>
422
+ </div>
423
+ <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer" data-domain=".io" data-price="29.99">
424
+ <div class="text-2xl font-bold">.io</div>
425
+ <div class="text-sm opacity-80">29,99€/an</div>
426
+ </div>
427
+ <div class="card p-4 text-center rounded-lg hover:bg-white hover:bg-opacity-20 cursor-pointer" data-domain=".org" data-price="10.99">
428
+ <div class="text-2xl font-bold">.org</div>
429
+ <div class="text-sm opacity-80">10,99€/an</div>
430
+ </div>
431
  </div>
432
  </div>
433
  </div>
434
+
435
+ <!-- Tableau de bord (modal) -->
436
+ <div id="dashboard-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
437
+ <div class="bg-gray-800 rounded-xl max-w-6xl w-full max-h-[90vh] overflow-y-auto">
438
+ <div class="p-6">
439
+ <div class="flex justify-between items-center mb-6">
440
+ <h2 class="text-2xl font-bold">Tableau de bord</h2>
441
+ <button id="close-dashboard" class="text-gray-400 hover:text-white">
442
+ <i class="fas fa-times"></i>
443
+ </button>
444
+ </div>
445
+
446
+ <!-- Onglets -->
447
+ <div class="flex border-b border-gray-700 mb-6">
448
+ <button class="tab-button active px-4 py-2" data-tab="domains">Mes domaines</button>
449
+ <button class="tab-button px-4 py-2" data-tab="hosting">Hébergement</button>
450
+ <button class="tab-button px-4 py-2" data-tab="payments">Paiements</button>
451
+ <button class="tab-button px-4 py-2" data-tab="account">Mon compte</button>
452
+ </div>
453
+
454
+ <!-- Contenu des onglets -->
455
+ <div id="domains" class="tab-content active">
456
+ <h3 class="text-xl font-bold mb-4">Mes domaines enregistrés</h3>
457
+ <div id="registered-domains">
458
+ <!-- Les domaines enregistrés seront ajoutés ici dynamiquement -->
 
 
 
 
 
 
459
  </div>
460
+ <p id="no-domains-message" class="text-gray-400">Vous n'avez pas de domaines enregistrés.</p>
461
  </div>
 
 
 
 
 
 
462
 
463
+ <!-- Onglet Hébergement -->
464
+ <div id="hosting" class="tab-content">
465
+ <h3 class="text-xl font-bold mb-4">Statut de l'hébergement</h3>
466
+
467
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
468
+ <!-- Carte Statut du domaine -->
469
+ <div class="card resource-card p-6 rounded-lg">
470
+ <div class="flex items-center mb-4">
471
+ <div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center mr-3">
472
+ <i class="fas fa-globe text-white"></i>
473
+ </div>
474
+ <h4 class="font-bold text-lg">Statut du domaine</h4>
475
  </div>
476
+ <div class="space-y-3">
477
+ <div class="flex justify-between items-center">
478
+ <span class="text-gray-400">Nom de domaine</span>
479
+ <span class="font-medium">votredomaine.com</span>
480
+ </div>
481
+ <div class="flex justify-between items-center">
482
+ <span class="text-gray-400">Enregistré chez</span>
483
+ <span class="font-medium">Autre hébergeur</span>
484
+ </div>
485
+ <div class="flex justify-between items-center">
486
+ <span class="text-gray-400">Statut</span>
487
+ <span class="status-badge status-active">
488
+ <i class="fas fa-check-circle mr-1"></i> Actif
489
+ </span>
490
+ </div>
491
  </div>
492
+ </div>
493
+
494
+ <!-- Carte Services -->
495
+ <div class="card resource-card p-6 rounded-lg">
496
+ <div class="flex items-center mb-4">
497
+ <div class="w-10 h-10 rounded-full bg-purple-500 flex items-center justify-center mr-3">
498
+ <i class="fas fa-server text-white"></i>
499
+ </div>
500
+ <h4 class="font-bold text-lg">Services</h4>
501
  </div>
502
+ <div class="space-y-3">
503
+ <div class="flex justify-between items-center">
504
+ <span class="text-gray-400">Hébergement</span>
505
+ <span class="status-badge status-active">
506
+ <i class="fas fa-check-circle mr-1"></i> Actif
507
+ </span>
508
+ </div>
509
+ <div class="flex justify-between items-center">
510
+ <span class="text-gray-400">Email</span>
511
+ <span class="status-badge status-pending">
512
+ <i class="fas fa-clock mr-1"></i> En attente de configuration
513
+ </span>
514
+ </div>
515
+ <div class="flex justify-between items-center">
516
+ <span class="text-gray-400">Sauvegardes</span>
517
+ <span class="font-medium">Hebdomadaire</span>
518
+ </div>
519
  </div>
520
  </div>
521
  </div>
522
 
523
+ <!-- Carte Performances -->
524
+ <div class="card speed-test-card p-6 rounded-lg mb-6">
525
+ <div class="flex items-center justify-between mb-4">
526
+ <div class="flex items-center">
527
+ <div class="w-10 h-10 rounded-full bg-indigo-500 flex items-center justify-center mr-3">
528
+ <i class="fas fa-tachometer-alt text-white"></i>
529
+ </div>
530
+ <h4 class="font-bold text-lg">Performances</h4>
531
  </div>
532
+ <button class="text-sm text-blue-400 hover:text-blue-300 flex items-center">
533
+ <i class="fas fa-sync-alt mr-1"></i> Faire un test de vitesse
534
+ </button>
535
  </div>
536
+
537
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
538
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
539
+ <div class="text-gray-400 mb-1">Google PageSpeed</div>
540
+ <div class="text-3xl font-bold text-green-400">100</div>
541
+ <div class="text-sm text-gray-400">Appareil de bureau</div>
542
  </div>
543
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
544
+ <div class="text-gray-400 mb-1">Dernière analyse</div>
545
+ <div class="text-xl font-bold">2025-03-26</div>
546
+ <div class="text-sm text-gray-400">Performance optimale</div>
 
547
  </div>
548
+ <div class="bg-gray-800 bg-opacity-50 p-4 rounded-lg">
549
+ <div class="text-gray-400 mb-1">Temps de réponse</div>
550
+ <div class="text-xl font-bold">0.8s</div>
551
+ <div class="text-sm text-gray-400">Très rapide</div>
552
  </div>
553
  </div>
554
  </div>
555
+
556
+ <!-- Carte Sécurité -->
557
+ <div class="card security-card p-6 rounded-lg mb-6">
558
+ <div class="flex items-center mb-4">
559
+ <div class="w-10 h-10 rounded-full bg-green-500 flex items-center justify-center mr-3">
560
+ <i class="fas fa-shield-alt text-white"></i>
561
+ </div>
562
+ <h4 class="font-bold text-lg">Sécurité</h4>
563
+ </div>
564
+
565
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
566
+ <div>
567
+ <div class="flex items-center justify-between mb-2">
568
+ <span class="text-gray-400">Statut SSL</span>
569
+ <span class="status-badge status-secure">
570
+ <i class="fas fa-lock mr-1"></i> Le site web est sécurisé
571
+ </span>
572
+ </div>
573
+ <div class="flex items-center justify-between">
574
+ <span class="text-gray-400">Analyse malware</span>
575
+ <span class="text-green-400">Aucun logiciel malveillant trouvé</span>
576
+ </div>
577
+ <button class="mt-3 text-sm text-blue-400 hover:text-blue-300">
578
+ <i class="fas fa-search mr-1"></i> Voir les détails
579
+ </button>
580
+ </div>
581
+ <div>
582
+ <div class="text-gray-400 mb-2">Utilisation des ressources</div>
583
+ <div class="flex justify-between items-center mb-1">
584
+ <span>68% du total des ressources utilisées</span>
585
+ <span class="text-sm font-bold">68%</span>
586
+ </div>
587
+ <div class="progress-container">
588
+ <div class="progress-bar" style="width: 68%"></div>
589
+ </div>
590
+ <button class="mt-2 text-sm text-blue-400 hover:text-blue-300">
591
+ <i class="fas fa-chart-bar mr-1"></i> Voir les détails
592
+ </button>
593
  </div>
 
594
  </div>
 
 
 
595
  </div>
596
 
597
+ <!-- Outils de gestion -->
598
+ <h4 class="font-bold text-lg mb-4">Outils de gestion</h4>
599
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
600
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
601
+ <div class="w-12 h-12 bg-blue-500 rounded-full flex items-center justify-center mx-auto mb-2">
602
+ <i class="fas fa-folder text-white text-xl"></i>
603
+ </div>
604
+ <div class="font-medium">Gestionnaire de fichiers</div>
605
+ </div>
606
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
607
+ <div class="w-12 h-12 bg-purple-500 rounded-full flex items-center justify-center mx-auto mb-2">
608
+ <i class="fas fa-database text-white text-xl"></i>
609
+ </div>
610
+ <div class="font-medium">Bases de données</div>
611
  </div>
612
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
613
+ <div class="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center mx-auto mb-2">
614
+ <i class="fab fa-wordpress text-white text-xl"></i>
615
+ </div>
616
+ <div class="font-medium">Aperçu de WordPress</div>
617
  </div>
618
+ <div class="card p-4 rounded-lg text-center hover:bg-gray-700 cursor-pointer">
619
+ <div class="w-12 h-12 bg-red-500 rounded-full flex items-center justify-center mx-auto mb-2">
620
+ <i class="fas fa-cogs text-white text-xl"></i>
621
+ </div>
622
+ <div class="font-medium">Configuration automatique</div>
623
  </div>
624
  </div>
625
  </div>
626
 
627
+ <!-- Onglet Paiements -->
628
+ <div id="payments" class="tab-content">
629
+ <h3 class="text-xl font-bold mb-4">Historique des paiements</h3>
630
+
631
+ <div class="mb-6">
632
+ <h4 class="font-bold mb-2">Méthodes de paiement</h4>
633
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
634
+ <div class="card payment-method bg-gray-700 rounded-lg p-4">
635
+ <div class="flex items-center mb-2">
636
+ <i class="fab fa-paypal text-2xl mr-3 text-blue-400"></i>
637
+ <span class="font-bold">PayPal</span>
638
+ </div>
639
+ <p class="text-sm text-gray-400">paypal@exemple.com</p>
640
+ <div class="mt-4 flex space-x-2">
641
+ <button class="px-3 py-1 bg-blue-600 rounded text-sm hover:bg-blue-700">
642
+ <i class="fas fa-edit mr-1"></i> Modifier
643
+ </button>
644
+ <button class="px-3 py-1 bg-red-600 rounded text-sm hover:bg-red-700">
645
+ <i class="fas fa-trash-alt mr-1"></i> Supprimer
646
+ </button>
647
+ </div>
648
+ </div>
649
+ <div class="card payment-method bg-gray-700 rounded-lg p-4">
650
+ <div class="flex items-center mb-2">
651
+ <i class="fab fa-cc-stripe text-2xl mr-3 text-purple-400"></i>
652
+ <span class="font-bold">Carte bancaire</span>
653
+ </div>
654
+ <p class="text-sm text-gray-400">**** **** **** 4242</p>
655
+ <div class="mt-4 flex space-x-2">
656
+ <button class="px-3 py-1 bg-blue-600 rounded text-sm hover:bg-blue-700">
657
+ <i class="fas fa-edit mr-1"></i> Modifier
658
+ </button>
659
+ <button class="px-3 py-1 bg-red-600 rounded text-sm hover:bg-red-700">
660
+ <i class="fas fa-trash-alt mr-1"></i> Supprimer
661
+ </button>
662
+ </div>
663
+ </div>
664
  </div>
665
+
666
+ <button id="add-payment-method" class="px-4 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 flex items-center">
667
+ <i class="fas fa-plus mr-2"></i> Ajouter une méthode de paiement
668
+ </button>
669
  </div>
670
 
671
+ <div>
672
+ <h4 class="font-bold mb-2">Transactions récentes</h4>
673
+ <div class="bg-gray-700 rounded-lg overflow-hidden">
674
+ <div class="grid grid-cols-5 p-3 bg-gray-800 font-bold text-sm">
675
+ <div>Date</div>
676
+ <div>Description</div>
677
+ <div>Montant</div>
678
+ <div>Méthode</div>
679
+ <div>Statut</div>
680
  </div>
681
+ <div class="grid grid-cols-5 p-3 border-b border-gray-600 text-sm">
682
+ <div>15/06/2023</div>
683
+ <div>Renouvellement domaine</div>
684
+ <div>9,99€</div>
685
+ <div>PayPal</div>
686
+ <div class="text-green-400">Complété</div>
687
  </div>
688
+ <div class="grid grid-cols-5 p-3 border-b border-gray-600 text-sm">
689
+ <div>10/06/2023</div>
690
+ <div>Hébergement premium</div>
691
+ <div>19,99€</div>
692
+ <div>Carte bancaire</div>
693
+ <div class="text-green-400">Complété</div>
 
 
 
694
  </div>
695
+ <div class="grid grid-cols-5 p-3 text-sm">
696
+ <div>05/06/2023</div>
697
+ <div>Enregistrement domaine</div>
698
+ <div>12,99€</div>
699
+ <div>PayPal</div>
700
+ <div class="text-green-400">Complété</div>
701
  </div>
 
 
 
702
  </div>
703
  </div>
704
  </div>
705
 
706
+ <!-- Onglet Compte -->
707
+ <div id="account" class="tab-content">
708
+ <h3 class="text-xl font-bold mb-4">Informations du compte</h3>
709
+
710
+ <div class="card bg-gray-700 rounded-lg p-4 mb-6">
711
+ <div class="mb-4">
712
+ <label class="block text-sm font-bold mb-2">Email</label>
713
+ <input type="email" value="utilisateur@exemple.com" class="w-full px-3 py-2 bg-gray-800 rounded border border-gray-600">
 
 
 
 
714
  </div>
715
+
716
+ <div class="mb-4">
717
+ <label class="block text-sm font-bold mb-2">Mot de passe</label>
718
+ <input type="password" placeholder="********" class="w-full px-3 py-2 bg-gray-800 rounded border border-gray-600">
 
719
  </div>
720
+
721
+ <button class="px-4 py-2 bg-blue-500 rounded-lg hover:bg-blue-600">Mettre à jour</button>
722
  </div>
723
+
724
+ <div class="card bg-gray-700 rounded-lg p-4">
725
+ <h4 class="font-bold mb-3">Abonnement</h4>
726
+ <div class="flex justify-between items-center">
727
+ <div>
728
+ <div class="font-bold">Gratuit</div>
729
+ <div class="text-sm text-gray-400">Accès aux fonctionnalités de base</div>
730
+ </div>
731
+ <button class="px-4 py-2 bg-purple-500 rounded-lg hover:bg-purple-600">Passer à Premium</button>
732
  </div>
 
733
  </div>
734
  </div>
735
  </div>
736
+ </div>
737
+ </div>
738
+
739
+ <!-- Modal d'ajout de méthode de paiement -->
740
+ <div id="payment-method-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
741
+ <div class="bg-gray-800 rounded-xl max-w-md w-full p-6">
742
+ <div class="flex justify-between items-center mb-4">
743
+ <h3 class="text-xl font-bold">Ajouter une méthode de paiement</h3>
744
+ <button id="close-payment-method-modal" class="text-gray-400 hover:text-white">
745
+ <i class="fas fa-times"></i>
746
+ </button>
747
+ </div>
748
 
749
+ <div class="mb-4">
750
+ <div class="flex space-x-2 mb-4">
751
+ <button class="payment-method-tab active px-4 py-2 bg-gray-700 rounded" data-method="paypal">
752
+ <i class="fab fa-paypal mr-2"></i> PayPal
753
+ </button>
754
+ <button class="payment-method-tab px-4 py-2 bg-gray-700 rounded" data-method="stripe">
755
+ <i class="fab fa-cc-stripe mr-2"></i> Carte bancaire
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
756
  </button>
757
  </div>
758
 
759
+ <div id="paypal-method" class="payment-method-content">
760
+ <div class="mb-4">
761
+ <label class="block text-sm font-medium mb-1">Email PayPal</label>
762
+ <input type="email" class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600">
 
 
 
 
 
 
 
 
 
 
 
763
  </div>
764
+ <button class="w-full py-2 bg-blue-500 rounded hover:bg-blue-600">
765
+ <i class="fab fa-paypal mr-2"></i> Connecter PayPal
766
+ </button>
767
  </div>
 
 
 
 
768
 
769
+ <div id="stripe-method" class="payment-method-content hidden">
 
 
 
 
 
770
  <div class="mb-4">
771
+ <label class="block text-sm font-medium mb-1">Numéro de carte</label>
772
+ <input type="text" placeholder="4242 4242 4242 4242" class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600">
773
  </div>
774
 
775
+ <div class="grid grid-cols-2 gap-4 mb-4">
 
 
 
 
 
776
  <div>
777
+ <label class="block text-sm font-medium mb-1">Date d'expiration</label>
778
+ <input type="text" placeholder="MM/AA" class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600">
779
+ </div>
780
+ <div>
781
+ <label class="block text-sm font-medium mb-1">CVV</label>
782
+ <input type="text" placeholder="123" class="w-full px-4 py-2 bg-gray-700 rounded border border-gray-600">
783
  </div>
 
784
  </div>
785
+
786
+ <button class="w-full py-2 bg-purple-500 rounded hover:bg-purple-600">
787
+ <i class="fab fa-cc-stripe mr-2"></i> Ajouter la carte
788
+ </button>
789
  </div>
790
  </div>
791
  </div>
792
  </div>
793
+
794
+ <!-- Pied de page -->
795
+ <footer class="py-8 text-center text-sm opacity-80 relative z-10">
796
+ <div class="container mx-auto px-4">
797
+ <div class="flex justify-center space-x-6 mb-4">
798
+ <button id="open-dashboard" class="hover:text-white transition">
799
+ <i class="fas fa-tachometer-alt mr-1"></i> Tableau de bord
800
+ </button>
801
+ <button id="open-cart" class="hover:text-white transition">
802
+ <i class="fas fa-shopping-cart mr-1"></i> Panier (<span id="cart-count">0</span>)
803
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
804
  </div>
805
+ <p>Service d'enregistrement de domaine instantané - Tous droits réservés</p>
 
 
 
 
 
 
 
806
  </div>
807
+ </footer>
808
  </div>
809
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
810
  <script>
811
+ // Variables globales
812
+ let cart = [];
813
+ let registeredDomains = [];
814
+ let currentUser = null;
815
+
816
  // Création des particules animées
817
  function createParticles() {
818
  const container = document.getElementById('particles');
 
879
  });
880
  }
881
 
882
+ // Gestion de la vérification de disponibilité
883
+ function setupDomainCheck() {
884
  const checkAvailabilityBtn = document.getElementById('check-availability');
885
+ const domainAvailableSection = document.getElementById('domain-available');
886
+ const domainNotAvailableSection = document.getElementById('domain-not-available');
887
+ const domainInput = document.querySelector('#domain-selector input');
888
+ const domainTld = document.getElementById('domain-tld');
889
 
890
  checkAvailabilityBtn.addEventListener('click', function() {
891
+ const domainName = domainInput.value.trim();
892
+ const tld = domainTld.querySelector('span').textContent;
893
+
894
+ if (!domainName) {
895
+ alert('Veuillez entrer un nom de domaine');
896
+ return;
897
+ }
898
+
899
+ // Simulation de vérification de disponibilité
900
+ checkAvailabilityBtn.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Vérification...';
901
+
902
  setTimeout(() => {
903
+ // Simuler une réponse aléatoire (80% de chance que le domaine soit disponible)
904
+ const isAvailable = Math.random() > 0.2;
 
 
 
905
 
906
+ if (isAvailable) {
907
+ domainAvailableSection.classList.remove('hidden');
908
+ domainNotAvailableSection.classList.add('hidden');
909
+ checkAvailabilityBtn.innerHTML = '<i class="fas fa-check-circle mr-2"></i> Disponible';
910
+ checkAvailabilityBtn.classList.remove('bg-white', 'text-blue-600');
911
+ checkAvailabilityBtn.classList.add('bg-green-500', 'text-white');
912
+ } else {
913
+ domainNotAvailableSection.classList.remove('hidden');
914
+ domainAvailableSection.classList.add('hidden');
915
+ checkAvailabilityBtn.innerHTML = '<i class="fas fa-times-circle mr-2"></i> Indisponible';
916
+ checkAvailabilityBtn.classList.remove('bg-white', 'text-blue-600');
917
+ checkAvailabilityBtn.classList.add('bg-red-500', 'text-white');
918
+ }
919
+
920
+ // Réinitialiser après 5 secondes
921
+ setTimeout(() => {
922
+ checkAvailabilityBtn.innerHTML = '<i class="fas fa-search mr-2"></i> Vérifier la disponibilité';
923
+ checkAvailabilityBtn.classList.remove('bg-green-500', 'bg-red-500', 'text-white');
924
+ checkAvailabilityBtn.classList.add('bg-white', 'text-blue-600');
925
+ }, 5000);
926
+ }, 1500);
927
  });
928
  }
929
 
930
+ // Gestion de l'ajout au panier
931
+ function setupAddToCart() {
932
+ const addToCartBtn = document.getElementById('add-to-cart');
933
+ const domainInput = document.querySelector('#domain-selector input');
934
+ const domainTld = document.getElementById('domain-tld');
935
+ const popularDomains = document.querySelectorAll('.card[data-domain]');
936
+
937
+ addToCartBtn.addEventListener('click', function() {
938
+ const domainName = domainInput.value.trim();
939
+ const tld = domainTld.querySelector('span').textContent;
940
+ const fullDomain = `${domainName}${tld}`;
941
+
942
+ // Trouver le prix correspondant au TLD
943
+ let price = 9.99; // Prix par défaut
944
+ popularDomains.forEach(domainCard => {
945
+ if (domainCard.getAttribute('data-domain') === tld) {
946
+ price = parseFloat(domainCard.getAttribute('data-price'));
947
+ }
948
+ });
949
+
950
+ // Ajouter au panier
951
+ const cartItem = {
952
+ domain: fullDomain,
953
+ tld: tld,
954
+ price: price,
955
+ duration: 1, // 1 an par défaut
956
+ autoRenew: true
957
+ };
958
+
959
+ cart.push(cartItem);
960
+ updateCart();
961
+
962
+ // Afficher le panier
963
+ document.getElementById('side-cart').classList.add('translate-x-0');
964
+ document.getElementById('side-cart').classList.remove('translate-x-full');
965
+
966
+ // Afficher une notification
967
+ alert(`${fullDomain} a été ajouté à votre panier!`);
968
+ });
969
+
970
+ // Gestion des clics sur les domaines populaires
971
+ popularDomains.forEach(domainCard => {
972
+ domainCard.addEventListener('click', function() {
973
+ const tld = this.getAttribute('data-domain');
974
+ document.getElementById('domain-tld').querySelector('span').textContent = tld;
975
+
976
+ // Mettre à jour le champ de saisie du domaine
977
+ const domainInput = document.querySelector('#domain-selector input');
978
+ domainInput.focus();
979
+
980
+ // Mettre à jour l'affichage du domaine sélectionné
981
+ updateSelectedDomain();
982
+ });
983
+ });
984
+ }
985
+
986
+ // Mise à jour du panier
987
+ function updateCart() {
988
+ const cartItemsContainer = document.getElementById('cart-items');
989
+ const cartCount = document.getElementById('cart-count');
990
+ const cartSubtotal = document.getElementById('cart-subtotal');
991
+
992
+ // Vider le conteneur
993
+ cartItemsContainer.innerHTML = '';
994
+
995
+ // Ajouter chaque élément du panier
996
+ cart.forEach((item, index) => {
997
+ const cartItemElement = document.createElement('div');
998
+ cartItemElement.className = 'cart-item p-3 rounded bg-gray-700 mb-3 flex justify-between items-center';
999
+ cartItemElement.innerHTML = `
1000
+ <div>
1001
+ <div class="font-medium">${item.domain}</div>
1002
+ <div class="text-sm text-gray-400">${item.duration} an - ${item.autoRenew ? 'Renouvellement automatique' : 'Sans renouvellement'}</div>
1003
+ </div>
1004
+ <div class="font-bold">${item.price.toFixed(2)}€</div>
1005
+ `;
1006
+
1007
+ cartItemsContainer.appendChild(cartItemElement);
1008
+ });
1009
+
1010
+ // Mettre à jour le compteur et le sous-total
1011
+ cartCount.textContent = cart.length;
1012
+
1013
+ const subtotal = cart.reduce((sum, item) => sum + item.price, 0);
1014
+ cartSubtotal.textContent = subtotal.toFixed(2) + '€';
1015
+ }
1016
+
1017
  // Gestion du tableau de bord
1018
  function setupDashboard() {
1019
  const dashboardModal = document.getElementById('dashboard-modal');
 
1024
 
1025
  openDashboardBtn.addEventListener('click', function() {
1026
  dashboardModal.classList.remove('hidden');
1027
+ updateRegisteredDomains();
1028
  });
1029
 
1030
  closeDashboardBtn.addEventListener('click', function() {
 
1046
  });
1047
  }
1048
 
1049
+ // Mise à jour des domaines enregistrés
1050
+ function updateRegisteredDomains() {
1051
+ const registeredDomainsContainer = document.getElementById('registered-domains');
1052
+ const noDomainsMessage = document.getElementById('no-domains-message');
1053
+
1054
+ registeredDomainsContainer.innerHTML = '';
1055
+
1056
+ if (registeredDomains.length === 0) {
1057
+ noDomainsMessage.classList.remove('hidden');
1058
+ } else {
1059
+ noDomainsMessage.classList.add('hidden');
1060
+
1061
+ registeredDomains.forEach(domain => {
1062
+ const domainElement = document.createElement('div');
1063
+ domainElement.className = 'bg-gray-700 rounded-lg p-4 mb-4';
1064
+ domainElement.innerHTML = `
1065
+ <div class="flex justify-between items-center">
1066
+ <div>
1067
+ <div class="font-bold">${domain.domain}</div>
1068
+ <div class="text-sm text-gray-400">Expire le: ${domain.expiryDate}</div>
1069
+ </div>
1070
+ <div class="flex space-x-2">
1071
+ <button class="px-3 py-1 bg-blue-500 rounded hover:bg-blue-600 renew-btn" data-domain="${domain.domain}">
1072
+ Renouveler
1073
+ </button>
1074
+ <button class="px-3 py-1 bg-gray-600 rounded hover:bg-gray-500 manage-btn" data-domain="${domain.domain}">
1075
+ Gérer
1076
+ </button>
1077
+ </div>
1078
+ </div>
1079
+ `;
1080
+
1081
+ registeredDomainsContainer.appendChild(domainElement);
1082
+ });
1083
+
1084
+ // Ajouter les écouteurs d'événements pour les boutons
1085
+ document.querySelectorAll('.renew-btn').forEach(btn => {
1086
+ btn.addEventListener('click', function() {
1087
+ const domain = this.getAttribute('data-domain');
1088
+ alert(`Renouvellement du domaine ${domain}`);
1089
+ });
1090
+ });
1091
+
1092
+ document.querySelectorAll('.manage-btn').forEach(btn => {
1093
+ btn.addEventListener('click', function() {
1094
+ const domain = this.getAttribute('data-domain');
1095
+ alert(`Gestion du domaine ${domain}`);
1096
+ });
1097
+ });
1098
+ }
1099
+ }
1100
+
1101
  // Gestion du panier
1102
  function setupCart() {
1103
  const sideCart = document.getElementById('side-cart');
 
1115
  });
1116
 
1117
  // Boutons de paiement
1118
+ const checkoutPaypalBtn = document.getElementById('checkout-paypal');
1119
+ const checkoutStripeBtn = document.getElementById('checkout-stripe');
 
 
 
 
 
 
 
1120
 
1121
+ checkoutPaypalBtn.addEventListener('click', function() {
1122
+ if (cart.length === 0) {
1123
+ alert('Votre panier est vide');
1124
+ return;
1125
+ }
1126
+
1127
+ // Simuler le processus de paiement PayPal
1128
+ const subtotal = cart.reduce((sum, item) => sum + item.price, 0);
1129
+
1130
+ // Ouvrir une nouvelle fenêtre simulée PayPal
1131
+ const paypalWindow = window.open('', 'PayPal', 'width=600,height=700');
1132
+ paypalWindow.document.write(`
1133
+ <html>
1134
+ <head>
1135
+ <title>PayPal - Paiement</title>
1136
+ <script src="https://cdn.tailwindcss.com"></script>
1137
+ </head>
1138
+ <body class="bg-gray-100">
1139
+ <div class="max-w-md mx-auto bg-white p-6 mt-10 rounded shadow">
1140
+ <div class="text-center mb-6">
1141
+ <img src="https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_111x69.jpg" class="h-16 mx-auto mb-4">
1142
+ <h2 class="text-xl font-bold">Confirmation de paiement</h2>
1143
+ </div>
1144
+
1145
+ <div class="mb-6">
1146
+ <div class="font-bold mb-2">Détails de la commande:</div>
1147
+ <div class="bg-gray-100 p-3 rounded">
1148
+ ${cart.map(item => `
1149
+ <div class="flex justify-between mb-1">
1150
+ <span>${item.domain}</span>
1151
+ <span>${item.price.toFixed(2)}€</span>
1152
+ </div>
1153
+ `).join('')}
1154
+ <div class="border-t border-gray-300 mt-2 pt-2 font-bold">
1155
+ <div class="flex justify-between">
1156
+ <span>Total:</span>
1157
+ <span>${subtotal.toFixed(2)}€</span>
1158
+ </div>
1159
+ </div>
1160
+ </div>
1161
+ </div>
1162
+
1163
+ <div class="mb-6">
1164
+ <div class="font-bold mb-2">Payer avec:</div>
1165
+ <div class="bg-blue-50 p-3 rounded flex items-center">
1166
+ <img src="https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_37x23.jpg" class="h-6 mr-2">
1167
+ <span>paypal@exemple.com</span>
1168
+ </div>
1169
+ </div>
1170
+
1171
+ <button id="confirm-payment" class="w-full py-3 bg-blue-500 text-white rounded font-bold hover:bg-blue-600">
1172
+ Payer maintenant
1173
+ </button>
1174
+
1175
+ <div class="mt-4 text-center text-sm text-gray-500">
1176
+ En cliquant sur "Payer maintenant", vous acceptez les conditions d'utilisation de PayPal.
1177
+ </div>
1178
+ </div>
1179
+
1180
+ <script>
1181
+ document.getElementById('confirm-payment').addEventListener('click', function() {
1182
+ // Simuler un paiement réussi
1183
+ window.opener.postMessage({paymentSuccess: true, method: 'paypal', amount: ${subtotal}}, '*');
1184
+ window.close();
1185
+ });
1186
+ </script>
1187
+ <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>
1188
+ </html>
prompts.txt CHANGED
@@ -4,4 +4,5 @@ enregistré lestoutes dans le vrai registrat , enregistrement chez hébergeur e
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
 
 
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
8
+ 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