Hugging Face's logo

Spaces:
docto41
/
web-master-pro
Running

App Files Community
docto41 commited on
Commit
babb7c2
·
verified ·
1 Parent(s): 2a109f7

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +266 -403
  2. prompts.txt +5 -1
index.html CHANGED
@@ -3,505 +3,368 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>WebMaster Pro - Déploiement Automatisé en 1 Clic</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
- .hero-gradient {
11
- background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
12
  }
13
- .feature-card:hover {
 
 
 
 
 
 
14
  transform: translateY(-5px);
15
- box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
16
  }
17
  .glow {
18
- box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
19
  }
20
- .automation-card:hover {
21
- transform: translateY(-5px);
22
- transition: all 0.3s ease;
23
  }
24
  @keyframes pulse {
25
  0%, 100% { opacity: 1; }
26
- 50% { opacity: 0.5; }
27
  }
28
  .pulse-animation {
29
  animation: pulse 2s infinite;
30
  }
31
- #loginModal, #paymentModal {
32
- display: none;
33
- position: fixed;
34
- top: 0;
35
- left: 0;
36
- width: 100%;
37
- height: 100%;
38
- background-color: rgba(0,0,0,0.5);
39
- z-index: 1000;
40
- justify-content: center;
41
- align-items: center;
42
- }
43
- .modal-content {
44
- background-color: white;
45
- padding: 2rem;
46
- border-radius: 0.5rem;
47
- width: 90%;
48
- max-width: 500px;
49
- }
50
- .deploy-steps {
51
- position: relative;
52
- }
53
- .deploy-steps::before {
54
- content: "";
55
- position: absolute;
56
- left: 20px;
57
- top: 0;
58
- bottom: 0;
59
- width: 2px;
60
- background: linear-gradient(to bottom, #3b82f6, #10b981);
61
- }
62
  </style>
63
  </head>
64
- <body class="bg-gray-50 font-sans">
65
  <!-- Header -->
66
- <header class="bg-white shadow-sm sticky top-0 z-40">
67
  <div class="max-w-7xl mx-auto px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center">
68
  <div class="flex items-center">
69
- <i class="fas fa-bolt text-blue-500 text-2xl mr-3"></i>
70
- <h1 class="text-xl font-bold text-gray-900">WebMaster Pro</h1>
 
 
71
  </div>
72
  <div class="flex items-center space-x-4">
73
- <button id="loginButton" class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-6 rounded-md transition duration-300">
74
- Connexion Admin
75
  </button>
76
  </div>
77
  </div>
78
  </header>
79
 
80
  <!-- Hero Section -->
81
- <section class="hero-gradient text-white">
82
- <div class="max-w-7xl mx-auto px-4 py-20 sm:px-6 lg:px-8">
83
- <div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
84
- <div>
85
- <h1 class="text-4xl md:text-5xl font-bold mb-6">Infrastructure Web Automatisée en 1 Clic</h1>
86
- <p class="text-xl mb-8">Domaine, SSL, DNS et intégration Google - déployés automatiquement en secondes</p>
87
- <button id="deployNow" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-8 rounded-lg text-lg transition duration-300 flex items-center">
88
- <i class="fas fa-bolt mr-2"></i> Déployer Maintenant
 
 
 
 
 
 
 
 
 
 
 
 
 
89
  </button>
90
  </div>
91
- <div class="relative">
92
- <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
93
- alt="Infrastructure Web Automatisée"
94
- class="rounded-xl shadow-2xl border-4 border-white transform rotate-3 hover:rotate-0 transition duration-500">
95
- <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-lg">
96
- <div class="flex items-center">
97
- <div class="bg-green-100 p-2 rounded-full mr-3">
98
- <i class="fas fa-check-circle text-green-500 text-xl"></i>
99
- </div>
100
- <div>
101
- <p class="font-bold text-gray-800">100% Automatisé</p>
102
- <p class="text-sm text-gray-600">Déploiement en 30s</p>
103
- </div>
104
- </div>
105
- </div>
106
  </div>
107
  </div>
108
  </div>
109
  </section>
110
 
111
- <!-- Features Section -->
112
- <section class="py-16 bg-white">
113
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
114
  <div class="text-center mb-16">
115
- <h2 class="text-3xl font-bold text-gray-900 mb-4">Tout ce dont vous avez besoin en un seul clic</h2>
116
- <p class="text-xl text-gray-600 max-w-3xl mx-auto">Notre plateforme automatise l'ensemble du processus de déploiement web</p>
 
117
  </div>
118
 
119
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
120
- <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
121
- <div class="bg-blue-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
122
- <i class="fas fa-globe text-blue-500 text-2xl"></i>
 
 
 
 
123
  </div>
124
- <h3 class="text-xl font-bold mb-3">Enregistrement de Domaine</h3>
125
- <p class="text-gray-600 mb-4">Obtenez instantanément votre nom de domaine avec plus de 500 extensions disponibles.</p>
126
- <div class="flex items-center text-blue-500 font-medium">
127
- <span>En savoir plus</span>
128
- <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
129
  </div>
 
 
 
130
  </div>
131
 
132
- <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
133
- <div class="bg-green-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
134
- <i class="fas fa-lock text-green-500 text-2xl"></i>
 
 
 
 
135
  </div>
136
- <h3 class="text-xl font-bold mb-3">Certificat SSL Automatique</h3>
137
- <p class="text-gray-600 mb-4">Protection HTTPS activée automatiquement avec Let's Encrypt, renouvellement sans intervention.</p>
138
- <div class="flex items-center text-green-500 font-medium">
139
- <span>En savoir plus</span>
140
- <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
141
  </div>
 
 
 
142
  </div>
143
 
144
- <div class="feature-card bg-white p-8 rounded-xl shadow-md border border-gray-100 transition duration-300">
145
- <div class="bg-purple-100 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
146
- <i class="fas fa-server text-purple-500 text-2xl"></i>
 
 
 
 
147
  </div>
148
- <h3 class="text-xl font-bold mb-3">DNS Ultra-Rapide</h3>
149
- <p class="text-gray-600 mb-4">Réseau Anycast global pour une résolution DNS en moins de 10ms partout dans le monde.</p>
150
- <div class="flex items-center text-purple-500 font-medium">
151
- <span>En savoir plus</span>
152
- <i class="fas fa-arrow-right ml-2"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
153
  </div>
 
 
 
154
  </div>
155
  </div>
156
  </div>
157
  </section>
158
 
159
- <!-- How It Works -->
160
- <section class="py-16 bg-gray-50">
161
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
162
  <div class="text-center mb-16">
163
- <h2 class="text-3xl font-bold text-gray-900 mb-4">Comment ça marche</h2>
164
- <p class="text-xl text-gray-600 max-w-3xl mx-auto">Déployez votre infrastructure complète en 3 étapes simples</p>
 
165
  </div>
166
 
167
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
168
- <div class="deploy-steps pl-10 relative">
169
- <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
170
- <span class="text-blue-500 font-bold">1</span>
 
 
 
 
 
 
171
  </div>
172
- <h3 class="text-xl font-bold mb-3 mt-2">Configurez</h3>
173
- <p class="text-gray-600">Entrez simplement le nom de votre projet et choisissez vos options.</p>
174
- <img src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1374&q=80"
175
- alt="Configuration"
176
- class="mt-4 rounded-lg shadow-md">
177
  </div>
178
 
179
- <div class="deploy-steps pl-10 relative">
180
- <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
181
- <span class="text-blue-500 font-bold">2</span>
 
 
 
 
 
 
182
  </div>
183
- <h3 class="text-xl font-bold mb-3 mt-2">Déployez</h3>
184
- <p class="text-gray-600">Cliquez sur le bouton et laissez notre système faire tout le travail.</p>
185
- <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504d3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
186
- alt="Déploiement"
187
- class="mt-4 rounded-lg shadow-md">
188
  </div>
189
 
190
- <div class="deploy-steps pl-10 relative">
191
- <div class="bg-white p-1 rounded-full w-10 h-10 flex items-center justify-center absolute left-0 top-0 z-10 border-4 border-gray-50">
192
- <span class="text-blue-500 font-bold">3</span>
 
 
 
 
 
 
193
  </div>
194
- <h3 class="text-xl font-bold mb-3 mt-2">Profitez</h3>
195
- <p class="text-gray-600">Votre site est en ligne avec toutes les intégrations configurées.</p>
196
- <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80"
197
- alt="Résultat"
198
- class="mt-4 rounded-lg shadow-md">
199
  </div>
200
  </div>
201
  </div>
202
  </section>
203
 
204
- <!-- Deployment Form -->
205
- <section class="py-16 bg-white">
206
- <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 bg-white rounded-xl shadow-lg overflow-hidden">
207
- <div class="p-8">
208
- <h2 class="text-2xl font-bold text-gray-900 mb-6">Configurez votre déploiement</h2>
209
- <form id="deploymentForm" class="space-y-6">
210
- <div>
211
- <label class="block text-sm font-medium text-gray-700 mb-1">Nom de votre projet</label>
212
- <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-blue-500 focus:border-blue-500" placeholder="MonSitePro" required>
213
- </div>
214
-
215
- <div>
216
- <label class="block text-sm font-medium text-gray-700 mb-1">Nom de domaine</label>
217
- <div class="flex">
218
- <input type="text" class="flex-1 px-4 py-3 border border-gray-300 rounded-l-lg focus:ring-blue-500 focus:border-blue-500" placeholder="monsite" required>
219
- <select class="w-32 px-4 py-3 border-t border-b border-r border-gray-300 rounded-r-lg bg-gray-50">
220
- <option>.com</option>
221
- <option>.net</option>
222
- <option>.org</option>
223
- <option>.io</option>
224
- <option>.tech</option>
225
- </select>
226
- </div>
227
- </div>
228
-
229
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
230
- <div class="flex items-center">
231
- <input id="ssl-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
232
- <label for="ssl-checkbox" class="ml-2 block text-sm text-gray-900">
233
- Certificat SSL Automatique (+€9.99/mois)
234
- </label>
235
- </div>
236
-
237
- <div class="flex items-center">
238
- <input id="dns-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
239
- <label for="dns-checkbox" class="ml-2 block text-sm text-gray-900">
240
- DNS Premium (+€4.99/mois)
241
- </label>
242
- </div>
243
-
244
- <div class="flex items-center">
245
- <input id="google-checkbox" type="checkbox" checked class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
246
- <label for="google-checkbox" class="ml-2 block text-sm text-gray-900">
247
- Intégration Google (+€7.99/mois)
248
- </label>
249
- </div>
250
-
251
- <div class="flex items-center">
252
- <input id="backup-checkbox" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
253
- <label for="backup-checkbox" class="ml-2 block text-sm text-gray-900">
254
- Sauvegarde Quotidienne (+€5.99/mois)
255
- </label>
256
- </div>
257
- </div>
258
-
259
- <div class="pt-4">
260
- <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-lg font-bold text-lg transition duration-300 flex items-center justify-center">
261
- <i class="fas fa-bolt mr-2"></i> Déployer Maintenant - €29.99/mois
262
- </button>
263
- </div>
264
- </form>
265
- </div>
266
  </div>
267
  </section>
268
 
269
- <!-- Testimonials -->
270
- <section class="py-16 bg-gray-50">
271
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
272
- <div class="text-center mb-16">
273
- <h2 class="text-3xl font-bold text-gray-900 mb-4">Ils nous font confiance</h2>
274
- <p class="text-xl text-gray-600 max-w-3xl mx-auto">Des milliers de professionnels utilisent notre solution</p>
275
- </div>
276
-
277
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
278
- <div class="bg-white p-8 rounded-xl shadow-md">
279
  <div class="flex items-center mb-4">
280
- <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
281
- <div>
282
- <h4 class="font-bold">Sophie Martin</h4>
283
- <p class="text-sm text-gray-500">Fondatrice de WebSolutions</p>
284
  </div>
 
285
  </div>
286
- <p class="text-gray-600">"J'ai économisé des heures de configuration technique grâce à WebMaster Pro. Tout est automatisé et fonctionne parfaitement."</p>
287
- <div class="flex mt-4 text-yellow-400">
288
- <i class="fas fa-star"></i>
289
- <i class="fas fa-star"></i>
290
- <i class="fas fa-star"></i>
291
- <i class="fas fa-star"></i>
292
- <i class="fas fa-star"></i>
 
 
 
 
 
 
 
293
  </div>
294
  </div>
295
 
296
- <div class="bg-white p-8 rounded-xl shadow-md">
297
- <div class="flex items-center mb-4">
298
- <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
299
- <div>
300
- <h4 class="font-bold">Thomas Leroy</h4>
301
- <p class="text-sm text-gray-500">Directeur Technique</p>
302
- </div>
303
- </div>
304
- <p class="text-gray-600">"La solution la plus complète que j'ai utilisée. L'intégration avec Google est particulièrement impressionnante."</p>
305
- <div class="flex mt-4 text-yellow-400">
306
- <i class="fas fa-star"></i>
307
- <i class="fas fa-star"></i>
308
- <i class="fas fa-star"></i>
309
- <i class="fas fa-star"></i>
310
- <i class="fas fa-star"></i>
311
- </div>
312
  </div>
313
 
314
- <div class="bg-white p-8 rounded-xl shadow-md">
315
- <div class="flex items-center mb-4">
316
- <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Client" class="w-12 h-12 rounded-full mr-4">
317
- <div>
318
- <h4 class="font-bold">Émilie Dubois</h4>
319
- <p class="text-sm text-gray-500">Entrepreneure</p>
320
- </div>
321
- </div>
322
- <p class="text-gray-600">"En tant que non-technicienne, pouvoir déployer un site professionnel en quelques clics est révolutionnaire pour moi."</p>
323
- <div class="flex mt-4 text-yellow-400">
324
- <i class="fas fa-star"></i>
325
- <i class="fas fa-star"></i>
326
- <i class="fas fa-star"></i>
327
- <i class="fas fa-star"></i>
328
- <i class="fas fa-star-half-alt"></i>
329
- </div>
330
- </div>
331
- </div>
332
- </div>
333
- </section>
334
-
335
- <!-- Login Modal -->
336
- <div id="loginModal">
337
- <div class="modal-content">
338
- <div class="flex justify-between items-center mb-4">
339
- <h3 class="text-lg font-semibold">Connexion Administrateur</h3>
340
- <button id="closeLoginModal" class="text-gray-500 hover:text-gray-700">
341
- <i class="fas fa-times"></i>
342
- </button>
343
- </div>
344
- <form id="loginForm">
345
- <div class="mb-4">
346
- <label class="block text-sm font-medium text-gray-700 mb-1">Email</label>
347
- <input type="email" id="loginEmail" class="w-full px-3 py-2 border border-gray-300 rounded-md" required>
348
- </div>
349
- <div class="mb-4">
350
- <label class="block text-sm font-medium text-gray-700 mb-1">Mot de passe</label>
351
- <input type="password" id="loginPassword" class="w-full px-3 py-2 border border-gray-300 rounded-md" required>
352
  </div>
353
- <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-md transition duration-300">
354
- Se connecter
355
- </button>
356
- </form>
357
- </div>
358
- </div>
359
-
360
- <!-- Payment Modal -->
361
- <div id="paymentModal">
362
- <div class="modal-content">
363
- <div class="flex justify-between items-center mb-4">
364
- <h3 class="text-lg font-semibold">Paiement</h3>
365
- <button id="closePaymentModal" class="text-gray-500 hover:text-gray-700">
366
- <i class="fas fa-times"></i>
367
- </button>
368
- </div>
369
- <div class="mb-4">
370
- <h4 class="font-medium mb-2">Méthode de paiement</h4>
371
- <div class="flex space-x-4">
372
- <button id="paypalButton" class="flex-1 bg-blue-50 hover:bg-blue-100 text-blue-700 py-2 px-4 rounded-md border border-blue-200 transition duration-300 flex items-center justify-center">
373
- <i class="fab fa-paypal mr-2"></i> PayPal
374
- </button>
375
- <button id="stripeButton" class="flex-1 bg-purple-50 hover:bg-purple-100 text-purple-700 py-2 px-4 rounded-md border border-purple-200 transition duration-300 flex items-center justify-center">
376
- <i class="fab fa-stripe mr-2"></i> Stripe
377
- </button>
378
  </div>
379
  </div>
380
- <div id="paymentDetails" class="hidden">
381
- <div class="bg-gray-50 p-4 rounded-md mb-4">
382
- <h4 class="font-medium mb-2">Détails du paiement</h4>
383
- <p id="paymentDescription" class="text-sm"></p>
384
- <p id="paymentAmount" class="font-bold text-lg mt-2"></p>
 
 
385
  </div>
386
- <button id="confirmPayment" class="w-full bg-green-600 hover:bg-green-700 text-white py-2 px-4 rounded-md transition duration-300">
387
- Confirmer le paiement
388
- </button>
389
  </div>
390
  </div>
391
- </div>
392
 
393
  <script>
394
- // Variables globales
395
- let isAdmin = false;
396
- const adminAccounts = [
397
- { email: "vgp.bavol@gmail.com", password: "Admin270574@" },
398
- { email: "doctorblog.fr@gmail.com", password: "Admin270574@" }
399
- ];
400
-
401
- // Initialisation du DOM
402
  document.addEventListener('DOMContentLoaded', function() {
403
- // Gestion de la connexion
404
- const loginButton = document.getElementById('loginButton');
405
- const loginModal = document.getElementById('loginModal');
406
- const closeLoginModal = document.getElementById('closeLoginModal');
407
- const loginForm = document.getElementById('loginForm');
408
-
409
- // Gestion du paiement
410
- const paymentModal = document.getElementById('paymentModal');
411
- const closePaymentModal = document.getElementById('closePaymentModal');
412
- const paypalButton = document.getElementById('paypalButton');
413
- const stripeButton = document.getElementById('stripeButton');
414
- const paymentDetails = document.getElementById('paymentDetails');
415
- const paymentDescription = document.getElementById('paymentDescription');
416
- const paymentAmount = document.getElementById('paymentAmount');
417
- const confirmPayment = document.getElementById('confirmPayment');
418
 
419
- // Bouton de déploiement
420
- const deployNowButton = document.getElementById('deployNow');
421
- const deploymentForm = document.getElementById('deploymentForm');
422
-
423
- // Événements de connexion
424
- loginButton.addEventListener('click', () => {
425
- loginModal.style.display = 'flex';
426
- });
427
-
428
- closeLoginModal.addEventListener('click', () => {
429
- loginModal.style.display = 'none';
430
- });
431
-
432
- loginForm.addEventListener('submit', (e) => {
433
- e.preventDefault();
434
- const email = document.getElementById('loginEmail').value;
435
- const password = document.getElementById('loginPassword').value;
436
-
437
- // Vérification des identifiants admin
438
- const isAdminAccount = adminAccounts.some(account =>
439
- account.email === email && account.password === password
440
- );
441
-
442
- if (isAdminAccount) {
443
- isAdmin = true;
444
- loginButton.textContent = 'Admin Connecté';
445
- loginButton.classList.remove('bg-blue-600', 'hover:bg-blue-700');
446
- loginButton.classList.add('bg-green-500', 'hover:bg-green-600');
447
- loginModal.style.display = 'none';
448
-
449
- // Afficher une notification de succès
450
- alert('Connexion réussie en tant qu\'administrateur. Accès gratuit activé.');
451
- } else {
452
- alert('Identifiants incorrects. Seuls les administrateurs peuvent accéder gratuitement.');
453
- }
454
- });
455
-
456
- // Événements de paiement
457
- closePaymentModal.addEventListener('click', () => {
458
- paymentModal.style.display = 'none';
459
- });
460
-
461
- // Événement de déploiement
462
- deployNowButton.addEventListener('click', () => {
463
- if (isAdmin) {
464
- alert('Déploiement en cours... (Mode Admin Gratuit)');
465
- } else {
466
- paymentDescription.textContent = 'Abonnement WebMaster Pro - Infrastructure complète';
467
- paymentAmount.textContent = 'Total: €29.99/mois';
468
- paymentModal.style.display = 'flex';
469
- paymentDetails.classList.remove('hidden');
470
- }
471
- });
472
-
473
- // Événement du formulaire de déploiement
474
- deploymentForm.addEventListener('submit', (e) => {
475
- e.preventDefault();
476
-
477
- if (isAdmin) {
478
- alert('Déploiement réussi! Votre infrastructure est maintenant en ligne. (Mode Admin Gratuit)');
479
- } else {
480
- paymentDescription.textContent = 'Abonnement WebMaster Pro - Infrastructure complète';
481
- paymentAmount.textContent = 'Total: €29.99/mois';
482
- paymentModal.style.display = 'flex';
483
- paymentDetails.classList.remove('hidden');
484
- }
485
- });
486
-
487
- // Événements de paiement
488
- paypalButton.addEventListener('click', () => {
489
- alert('Redirection vers PayPal pour le paiement de €29.99/mois');
490
- });
491
-
492
- stripeButton.addEventListener('click', () => {
493
- alert('Redirection vers Stripe pour le paiement de €29.99/mois');
494
- });
495
-
496
- confirmPayment.addEventListener('click', () => {
497
- alert('Paiement confirmé! Votre infrastructure sera déployée dans quelques secondes.');
498
- paymentModal.style.display = 'none';
499
-
500
- // Simulation de déploiement
501
  setTimeout(() => {
502
- alert('Déploiement réussi! Votre infrastructure est maintenant en ligne.');
503
  }, 2000);
504
- });
 
 
 
 
505
  });
506
  </script>
507
  <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/web-master-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Enregistrement de Domaine Gratuit | WebMaster Pro</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
+ .domain-gradient {
11
+ background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
12
  }
13
+ .info-card {
14
+ background: rgba(255, 255, 255, 0.1);
15
+ backdrop-filter: blur(10px);
16
+ border: 1px solid rgba(255, 255, 255, 0.2);
17
+ transition: all 0.3s ease;
18
+ }
19
+ .info-card:hover {
20
  transform: translateY(-5px);
21
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2);
22
  }
23
  .glow {
24
+ box-shadow: 0 0 20px rgba(99, 102, 241, 0.5);
25
  }
26
+ .search-box {
27
+ box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.3);
 
28
  }
29
  @keyframes pulse {
30
  0%, 100% { opacity: 1; }
31
+ 50% { opacity: 0.7; }
32
  }
33
  .pulse-animation {
34
  animation: pulse 2s infinite;
35
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
36
  </style>
37
  </head>
38
+ <body class="bg-gray-50 font-sans antialiased">
39
  <!-- Header -->
40
+ <header class="bg-white/90 backdrop-blur-md shadow-sm sticky top-0 z-40">
41
  <div class="max-w-7xl mx-auto px-4 py-4 sm:px-6 lg:px-8 flex justify-between items-center">
42
  <div class="flex items-center">
43
+ <div class="bg-gradient-to-r from-blue-600 to-purple-600 p-2 rounded-lg mr-3">
44
+ <i class="fas fa-bolt text-white text-xl"></i>
45
+ </div>
46
+ <h1 class="text-xl font-bold text-gray-900 bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">WebMaster Pro</h1>
47
  </div>
48
  <div class="flex items-center space-x-4">
49
+ <button class="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white py-2 px-6 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg">
50
+ Se connecter
51
  </button>
52
  </div>
53
  </div>
54
  </header>
55
 
56
  <!-- Hero Section -->
57
+ <section class="domain-gradient text-white relative overflow-hidden py-20">
58
+ <div class="absolute inset-0 opacity-10" style="background-image: radial-gradient(rgba(255,255,255,0.3) 1px, transparent 1px); background-size: 20px 20px;"></div>
59
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
60
+ <div class="text-center mb-12">
61
+ <span class="inline-block bg-white/20 backdrop-blur-sm px-4 py-1 rounded-full text-sm font-semibold mb-4">OFFRE GRATUITE</span>
62
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">Enregistrez votre domaine <span class="bg-clip-text text-transparent bg-gradient-to-r from-yellow-300 to-yellow-500">gratuitement</span></h1>
63
+ <p class="text-xl md:text-2xl mb-8 text-blue-100 max-w-3xl mx-auto">Obtenez un nom de domaine, SSL, DNS et hébergement en quelques secondes</p>
64
+ </div>
65
+
66
+ <div class="max-w-2xl mx-auto bg-white rounded-xl p-1 search-box">
67
+ <div class="flex">
68
+ <input type="text" placeholder="Recherchez votre nom de domaine..." class="flex-1 px-6 py-4 rounded-l-xl focus:outline-none text-gray-800">
69
+ <select class="w-32 px-4 py-4 border-l border-gray-200 bg-gray-50 rounded-r-xl focus:outline-none">
70
+ <option>.com</option>
71
+ <option>.net</option>
72
+ <option>.org</option>
73
+ <option>.io</option>
74
+ <option>.tech</option>
75
+ </select>
76
+ <button class="bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white px-6 py-4 rounded-r-xl font-bold transition-all duration-300">
77
+ <i class="fas fa-search mr-2"></i> Rechercher
78
  </button>
79
  </div>
80
+ </div>
81
+
82
+ <div class="mt-12 flex flex-wrap justify-center gap-4">
83
+ <div class="flex items-center bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full">
84
+ <i class="fas fa-check-circle text-green-300 mr-2"></i>
85
+ <span class="text-sm font-medium">Gratuit la première année</span>
86
+ </div>
87
+ <div class="flex items-center bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full">
88
+ <i class="fas fa-lock text-yellow-300 mr-2"></i>
89
+ <span class="text-sm font-medium">SSL inclus</span>
90
+ </div>
91
+ <div class="flex items-center bg-white/10 backdrop-blur-sm px-4 py-2 rounded-full">
92
+ <i class="fas fa-shield-alt text-blue-300 mr-2"></i>
93
+ <span class="text-sm font-medium">Protection WHOIS</span>
 
94
  </div>
95
  </div>
96
  </div>
97
  </section>
98
 
99
+ <!-- Domain Information Section -->
100
+ <section class="py-20 bg-white">
101
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
102
  <div class="text-center mb-16">
103
+ <span class="inline-block bg-gradient-to-r from-blue-500 to-purple-500 text-white px-4 py-1 rounded-full text-sm font-semibold mb-4">INFORMATIONS DU DOMAINE</span>
104
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Gestion complète de votre domaine</h2>
105
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Toutes les informations sur votre domaine en un seul endroit</p>
106
  </div>
107
 
108
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
109
+ <!-- Domain Information -->
110
+ <div class="info-card p-8 rounded-2xl shadow-lg">
111
+ <div class="flex items-center mb-6">
112
+ <div class="bg-gradient-to-r from-blue-500 to-blue-600 p-3 rounded-full mr-4 text-white">
113
+ <i class="fas fa-globe text-xl"></i>
114
+ </div>
115
+ <h3 class="text-xl font-bold text-gray-800">Informations du Domaine</h3>
116
  </div>
117
+ <div class="space-y-4">
118
+ <div>
119
+ <p class="text-sm text-gray-500 mb-1">Nom de domaine</p>
120
+ <p class="font-medium text-gray-800">example.com</p>
121
+ </div>
122
+ <div>
123
+ <p class="text-sm text-gray-500 mb-1">Date de création</p>
124
+ <p class="font-medium text-gray-800">15/06/2020</p>
125
+ </div>
126
+ <div>
127
+ <p class="text-sm text-gray-500 mb-1">Date d'expiration</p>
128
+ <p class="font-medium text-gray-800">15/06/2024</p>
129
+ </div>
130
+ <div>
131
+ <p class="text-sm text-gray-500 mb-1">Statut</p>
132
+ <p class="font-medium text-green-500 flex items-center">
133
+ <i class="fas fa-circle text-xs mr-2"></i> Actif
134
+ </p>
135
+ </div>
136
+ <div>
137
+ <p class="text-sm text-gray-500 mb-1">Serveurs DNS</p>
138
+ <p class="font-medium text-gray-800">ns1.webmasterpro.com</p>
139
+ <p class="font-medium text-gray-800">ns2.webmasterpro.com</p>
140
+ </div>
141
  </div>
142
+ <button class="mt-6 w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 px-4 rounded-lg transition-all duration-300 flex items-center justify-center">
143
+ <i class="fas fa-sync-alt mr-2"></i> Actualiser
144
+ </button>
145
  </div>
146
 
147
+ <!-- Registrar Information -->
148
+ <div class="info-card p-8 rounded-2xl shadow-lg">
149
+ <div class="flex items-center mb-6">
150
+ <div class="bg-gradient-to-r from-purple-500 to-purple-600 p-3 rounded-full mr-4 text-white">
151
+ <i class="fas fa-building text-xl"></i>
152
+ </div>
153
+ <h3 class="text-xl font-bold text-gray-800">Informations du Registrar</h3>
154
  </div>
155
+ <div class="space-y-4">
156
+ <div>
157
+ <p class="text-sm text-gray-500 mb-1">Registrar</p>
158
+ <p class="font-medium text-gray-800">WebMaster Pro Registrar</p>
159
+ </div>
160
+ <div>
161
+ <p class="text-sm text-gray-500 mb-1">WHOIS Server</p>
162
+ <p class="font-medium text-gray-800">whois.webmasterpro.com</p>
163
+ </div>
164
+ <div>
165
+ <p class="text-sm text-gray-500 mb-1">URL</p>
166
+ <p class="font-medium text-blue-500 hover:underline">
167
+ <a href="https://registrar.webmasterpro.com">https://registrar.webmasterpro.com</a>
168
+ </p>
169
+ </div>
170
+ <div>
171
+ <p class="text-sm text-gray-500 mb-1">Email</p>
172
+ <p class="font-medium text-gray-800">support@webmasterpro.com</p>
173
+ </div>
174
+ <div>
175
+ <p class="text-sm text-gray-500 mb-1">Téléphone</p>
176
+ <p class="font-medium text-gray-800">+33 1 23 45 67 89</p>
177
+ </div>
178
  </div>
179
+ <button class="mt-6 w-full bg-gray-100 hover:bg-gray-200 text-gray-800 py-2 px-4 rounded-lg transition-all duration-300 flex items-center justify-center">
180
+ <i class="fas fa-headset mr-2"></i> Contacter le support
181
+ </button>
182
  </div>
183
 
184
+ <!-- Registrant Contact -->
185
+ <div class="info-card p-8 rounded-2xl shadow-lg">
186
+ <div class="flex items-center mb-6">
187
+ <div class="bg-gradient-to-r from-indigo-500 to-indigo-600 p-3 rounded-full mr-4 text-white">
188
+ <i class="fas fa-user text-xl"></i>
189
+ </div>
190
+ <h3 class="text-xl font-bold text-gray-800">Contact du Titulaire</h3>
191
  </div>
192
+ <div class="space-y-4">
193
+ <div>
194
+ <p class="text-sm text-gray-500 mb-1">Nom</p>
195
+ <p class="font-medium text-gray-800">Jean Dupont</p>
196
+ </div>
197
+ <div>
198
+ <p class="text-sm text-gray-500 mb-1">Organisation</p>
199
+ <p class="font-medium text-gray-800">Entreprise XYZ</p>
200
+ </div>
201
+ <div>
202
+ <p class="text-sm text-gray-500 mb-1">Adresse</p>
203
+ <p class="font-medium text-gray-800">123 Rue de la République</p>
204
+ <p class="font-medium text-gray-800">75001 Paris, France</p>
205
+ </div>
206
+ <div>
207
+ <p class="text-sm text-gray-500 mb-1">Email</p>
208
+ <p class="font-medium text-gray-800">contact@example.com</p>
209
+ </div>
210
+ <div>
211
+ <p class="text-sm text-gray-500 mb-1">Téléphone</p>
212
+ <p class="font-medium text-gray-800">+33 6 12 34 56 78</p>
213
+ </div>
214
  </div>
215
+ <button class="mt-6 w-full bg-gradient-to-r from-blue-500 to-purple-500 hover:from-blue-600 hover:to-purple-600 text-white py-2 px-4 rounded-lg transition-all duration-300 flex items-center justify-center">
216
+ <i class="fas fa-edit mr-2"></i> Modifier les informations
217
+ </button>
218
  </div>
219
  </div>
220
  </div>
221
  </section>
222
 
223
+ <!-- Features Section -->
224
+ <section class="py-20 bg-gray-50">
225
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
226
  <div class="text-center mb-16">
227
+ <span class="inline-block bg-gradient-to-r from-blue-500 to-purple-500 text-white px-4 py-1 rounded-full text-sm font-semibold mb-4">AVANTAGES</span>
228
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Pourquoi choisir notre service de domaine ?</h2>
229
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Tout ce dont vous avez besoin pour votre présence en ligne</p>
230
  </div>
231
 
232
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
233
+ <div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-lg transition-all duration-300">
234
+ <div class="bg-gradient-to-r from-blue-100 to-blue-50 p-4 rounded-2xl w-16 h-16 flex items-center justify-center mb-6">
235
+ <i class="fas fa-rocket text-blue-500 text-2xl"></i>
236
+ </div>
237
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Déploiement instantané</h3>
238
+ <p class="text-gray-600 mb-4">Votre domaine est enregistré et configuré en quelques secondes, sans délai d'attente.</p>
239
+ <div class="flex items-center text-blue-500 font-medium group">
240
+ <span>En savoir plus</span>
241
+ <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
242
  </div>
 
 
 
 
 
243
  </div>
244
 
245
+ <div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-lg transition-all duration-300">
246
+ <div class="bg-gradient-to-r from-green-100 to-green-50 p-4 rounded-2xl w-16 h-16 flex items-center justify-center mb-6">
247
+ <i class="fas fa-lock text-green-500 text-2xl"></i>
248
+ </div>
249
+ <h3 class="text-xl font-bold mb-3 text-gray-800">SSL gratuit</h3>
250
+ <p class="text-gray-600 mb-4">Certificat SSL inclus pour sécuriser votre site avec le protocole HTTPS.</p>
251
+ <div class="flex items-center text-green-500 font-medium group">
252
+ <span>En savoir plus</span>
253
+ <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
254
  </div>
 
 
 
 
 
255
  </div>
256
 
257
+ <div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-lg transition-all duration-300">
258
+ <div class="bg-gradient-to-r from-purple-100 to-purple-50 p-4 rounded-2xl w-16 h-16 flex items-center justify-center mb-6">
259
+ <i class="fas fa-shield-alt text-purple-500 text-2xl"></i>
260
+ </div>
261
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Protection WHOIS</h3>
262
+ <p class="text-gray-600 mb-4">Masquez vos informations personnelles dans les bases de données WHOIS.</p>
263
+ <div class="flex items-center text-purple-500 font-medium group">
264
+ <span>En savoir plus</span>
265
+ <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
266
  </div>
 
 
 
 
 
267
  </div>
268
  </div>
269
  </div>
270
  </section>
271
 
272
+ <!-- CTA Section -->
273
+ <section class="py-20 bg-gradient-to-r from-blue-600 to-purple-600 text-white">
274
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
275
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Prêt à enregistrer votre domaine gratuitement ?</h2>
276
+ <p class="text-xl text-blue-100 mb-8 max-w-3xl mx-auto">Profitez de notre offre spéciale - domaine gratuit la première année avec tous les services inclus.</p>
277
+ <button class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-4 px-8 rounded-lg text-lg transition-all duration-300 shadow-lg hover:shadow-xl">
278
+ <i class="fas fa-bolt mr-2 text-yellow-500"></i> Commencer maintenant
279
+ </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
280
  </div>
281
  </section>
282
 
283
+ <!-- Footer -->
284
+ <footer class="bg-gray-900 text-white py-12">
285
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
286
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
287
+ <div>
 
 
 
 
 
288
  <div class="flex items-center mb-4">
289
+ <div class="bg-gradient-to-r from-blue-600 to-purple-600 p-2 rounded-lg mr-3">
290
+ <i class="fas fa-bolt text-white text-xl"></i>
 
 
291
  </div>
292
+ <h3 class="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">WebMaster Pro</h3>
293
  </div>
294
+ <p class="text-gray-400 mb-4">La solution tout-en-un pour déployer votre infrastructure web en 1 clic.</p>
295
+ <div class="flex space-x-4">
296
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
297
+ <i class="fab fa-twitter text-xl"></i>
298
+ </a>
299
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
300
+ <i class="fab fa-facebook text-xl"></i>
301
+ </a>
302
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
303
+ <i class="fab fa-linkedin text-xl"></i>
304
+ </a>
305
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">
306
+ <i class="fab fa-github text-xl"></i>
307
+ </a>
308
  </div>
309
  </div>
310
 
311
+ <div>
312
+ <h4 class="text-lg font-semibold mb-4">Services</h4>
313
+ <ul class="space-y-2">
314
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Enregistrement de domaine</a></li>
315
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Certificats SSL</a></li>
316
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Hébergement web</a></li>
317
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Services DNS</a></li>
318
+ </ul>
 
 
 
 
 
 
 
 
319
  </div>
320
 
321
+ <div>
322
+ <h4 class="text-lg font-semibold mb-4">Support</h4>
323
+ <ul class="space-y-2">
324
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Centre d'aide</a></li>
325
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Contact</a></li>
326
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Statut</a></li>
327
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">FAQ</a></li>
328
+ </ul>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
329
  </div>
330
+
331
+ <div>
332
+ <h4 class="text-lg font-semibold mb-4">Juridique</h4>
333
+ <ul class="space-y-2">
334
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Conditions générales</a></li>
335
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Politique de confidentialité</a></li>
336
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Politique de cookies</a></li>
337
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Mentions légales</a></li>
338
+ </ul>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
339
  </div>
340
  </div>
341
+
342
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
343
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 WebMaster Pro. Tous droits réservés.</p>
344
+ <div class="flex space-x-6">
345
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">Français</a>
346
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">English</a>
347
+ <a href="#" class="text-gray-400 hover:text-white transition-colors">Español</a>
348
  </div>
 
 
 
349
  </div>
350
  </div>
351
+ </footer>
352
 
353
  <script>
354
+ // Animation for the domain search box
 
 
 
 
 
 
 
355
  document.addEventListener('DOMContentLoaded', function() {
356
+ const searchBox = document.querySelector('.search-box');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
357
 
358
+ setTimeout(() => {
359
+ searchBox.classList.add('glow');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
360
  setTimeout(() => {
361
+ searchBox.classList.remove('glow');
362
  }, 2000);
363
+ }, 500);
364
+
365
+ // Add pulse animation to free domain badge
366
+ const freeBadge = document.querySelector('.bg-white\\/20');
367
+ freeBadge.classList.add('pulse-animation');
368
  });
369
  </script>
370
  <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/web-master-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
prompts.txt CHANGED
@@ -8,4 +8,8 @@ aucun bouton fonctionne , veuillez corriger
8
  toutes les bouton du tableau de bord ne fonctionne pas
9
  enregistrement domaine, ssl , serveur dns, etc.. en automatique , avec enregistrement au registraire directement dans la seconde qui suit sur toutes les navigateur du monde , serveur dns les plus puissant et plus rapide du monde a la seconde pres , avec référencement google searche console et google analytique directement robotisé le tout sur systeme sofistiqué 24/24 et 7jour sur 7jour le tout automatisé
10
  probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement :ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement : je veux acces gratuite pour moi seulement administrateur : vgp.bavol@gmail.com : Admin270574@ et doctorblog.fr@gmail.com : Admin270574@
11
- Infrastructure Web Automatisée en 1 Clic Domaine, SSL, DNS et intégration Google - déployés automatiquement en secondes avec une belle d'accueil avec desimages qui soit tres attirant
 
 
 
 
 
8
  toutes les bouton du tableau de bord ne fonctionne pas
9
  enregistrement domaine, ssl , serveur dns, etc.. en automatique , avec enregistrement au registraire directement dans la seconde qui suit sur toutes les navigateur du monde , serveur dns les plus puissant et plus rapide du monde a la seconde pres , avec référencement google searche console et google analytique directement robotisé le tout sur systeme sofistiqué 24/24 et 7jour sur 7jour le tout automatisé
10
  probleme des boutons non cliquable veuillez corriger toutes les erreur des boutons qui ne foctionne pas activer toutes les boutons non fonctionnel , réparer toute et refaire une mise a jours pour toute corriger les problelme de fonctionnement :ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement : je veux acces gratuite pour moi seulement administrateur : vgp.bavol@gmail.com : Admin270574@ et doctorblog.fr@gmail.com : Admin270574@
11
+ Infrastructure Web Automatisée en 1 Clic Domaine, SSL, DNS et intégration Google - déployés automatiquement en secondes avec une belle d'accueil avec desimages qui soit tres attirant
12
+ ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat
13
+ modifier la page d'accueil avec des bon degader et des bel image
14
+ Domain Information Registrar Information Registrant Contact
15
+ Enregistrez votre domaine gratuitement Obtenez un nom de domaine, SSL, DNS et hébergement en quelques secondes:: Domain Information Registrar Information Registrant Contact