Hugging Face's logo

Spaces:
docto41
/
web-master-pro
Running

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

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +70 -32
  2. prompts.txt +2 -1
index.html CHANGED
@@ -33,6 +33,9 @@
33
  .pulse-animation {
34
  animation: pulse 2s infinite;
35
  }
 
 
 
36
  </style>
37
  </head>
38
  <body class="bg-gray-50 font-sans antialiased">
@@ -46,7 +49,7 @@
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>
@@ -73,7 +76,7 @@
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>
@@ -139,7 +142,7 @@
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>
@@ -164,7 +167,7 @@
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>
@@ -176,7 +179,7 @@
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>
@@ -212,7 +215,7 @@
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>
@@ -236,10 +239,10 @@
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">
@@ -248,10 +251,10 @@
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">
@@ -260,10 +263,10 @@
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>
@@ -274,7 +277,7 @@
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>
@@ -293,16 +296,16 @@
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>
@@ -311,30 +314,30 @@
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>
@@ -342,9 +345,9 @@
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>
@@ -366,6 +369,41 @@
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>
371
  </html>
 
33
  .pulse-animation {
34
  animation: pulse 2s infinite;
35
  }
36
+ button, a.button {
37
+ cursor: pointer;
38
+ }
39
  </style>
40
  </head>
41
  <body class="bg-gray-50 font-sans antialiased">
 
49
  <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>
50
  </div>
51
  <div class="flex items-center space-x-4">
52
+ <button onclick="window.location.href='#login'" 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">
53
  Se connecter
54
  </button>
55
  </div>
 
76
  <option>.io</option>
77
  <option>.tech</option>
78
  </select>
79
+ <button onclick="searchDomain()" 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">
80
  <i class="fas fa-search mr-2"></i> Rechercher
81
  </button>
82
  </div>
 
142
  <p class="font-medium text-gray-800">ns2.webmasterpro.com</p>
143
  </div>
144
  </div>
145
+ <button onclick="refreshDomainInfo()" 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">
146
  <i class="fas fa-sync-alt mr-2"></i> Actualiser
147
  </button>
148
  </div>
 
167
  <div>
168
  <p class="text-sm text-gray-500 mb-1">URL</p>
169
  <p class="font-medium text-blue-500 hover:underline">
170
+ <a href="https://registrar.webmasterpro.com" target="_blank">https://registrar.webmasterpro.com</a>
171
  </p>
172
  </div>
173
  <div>
 
179
  <p class="font-medium text-gray-800">+33 1 23 45 67 89</p>
180
  </div>
181
  </div>
182
+ <button onclick="contactSupport()" 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">
183
  <i class="fas fa-headset mr-2"></i> Contacter le support
184
  </button>
185
  </div>
 
215
  <p class="font-medium text-gray-800">+33 6 12 34 56 78</p>
216
  </div>
217
  </div>
218
+ <button onclick="editContactInfo()" 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">
219
  <i class="fas fa-edit mr-2"></i> Modifier les informations
220
  </button>
221
  </div>
 
239
  </div>
240
  <h3 class="text-xl font-bold mb-3 text-gray-800">Déploiement instantané</h3>
241
  <p class="text-gray-600 mb-4">Votre domaine est enregistré et configuré en quelques secondes, sans délai d'attente.</p>
242
+ <a href="#features" class="flex items-center text-blue-500 font-medium group">
243
  <span>En savoir plus</span>
244
  <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
245
+ </a>
246
  </div>
247
 
248
  <div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-lg transition-all duration-300">
 
251
  </div>
252
  <h3 class="text-xl font-bold mb-3 text-gray-800">SSL gratuit</h3>
253
  <p class="text-gray-600 mb-4">Certificat SSL inclus pour sécuriser votre site avec le protocole HTTPS.</p>
254
+ <a href="#features" class="flex items-center text-green-500 font-medium group">
255
  <span>En savoir plus</span>
256
  <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
257
+ </a>
258
  </div>
259
 
260
  <div class="bg-white p-8 rounded-2xl shadow-md hover:shadow-lg transition-all duration-300">
 
263
  </div>
264
  <h3 class="text-xl font-bold mb-3 text-gray-800">Protection WHOIS</h3>
265
  <p class="text-gray-600 mb-4">Masquez vos informations personnelles dans les bases de données WHOIS.</p>
266
+ <a href="#features" class="flex items-center text-purple-500 font-medium group">
267
  <span>En savoir plus</span>
268
  <i class="fas fa-arrow-right ml-2 transition-transform group-hover:translate-x-1"></i>
269
+ </a>
270
  </div>
271
  </div>
272
  </div>
 
277
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
278
  <h2 class="text-3xl md:text-4xl font-bold mb-6">Prêt à enregistrer votre domaine gratuitement ?</h2>
279
  <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>
280
+ <button onclick="startRegistration()" 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">
281
  <i class="fas fa-bolt mr-2 text-yellow-500"></i> Commencer maintenant
282
  </button>
283
  </div>
 
296
  </div>
297
  <p class="text-gray-400 mb-4">La solution tout-en-un pour déployer votre infrastructure web en 1 clic.</p>
298
  <div class="flex space-x-4">
299
+ <a href="https://twitter.com" target="_blank" class="text-gray-400 hover:text-white transition-colors">
300
  <i class="fab fa-twitter text-xl"></i>
301
  </a>
302
+ <a href="https://facebook.com" target="_blank" class="text-gray-400 hover:text-white transition-colors">
303
  <i class="fab fa-facebook text-xl"></i>
304
  </a>
305
+ <a href="https://linkedin.com" target="_blank" class="text-gray-400 hover:text-white transition-colors">
306
  <i class="fab fa-linkedin text-xl"></i>
307
  </a>
308
+ <a href="https://github.com" target="_blank" class="text-gray-400 hover:text-white transition-colors">
309
  <i class="fab fa-github text-xl"></i>
310
  </a>
311
  </div>
 
314
  <div>
315
  <h4 class="text-lg font-semibold mb-4">Services</h4>
316
  <ul class="space-y-2">
317
+ <li><a href="#services" class="text-gray-400 hover:text-white transition-colors">Enregistrement de domaine</a></li>
318
+ <li><a href="#services" class="text-gray-400 hover:text-white transition-colors">Certificats SSL</a></li>
319
+ <li><a href="#services" class="text-gray-400 hover:text-white transition-colors">Hébergement web</a></li>
320
+ <li><a href="#services" class="text-gray-400 hover:text-white transition-colors">Services DNS</a></li>
321
  </ul>
322
  </div>
323
 
324
  <div>
325
  <h4 class="text-lg font-semibold mb-4">Support</h4>
326
  <ul class="space-y-2">
327
+ <li><a href="#support" class="text-gray-400 hover:text-white transition-colors">Centre d'aide</a></li>
328
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition-colors">Contact</a></li>
329
+ <li><a href="#status" class="text-gray-400 hover:text-white transition-colors">Statut</a></li>
330
+ <li><a href="#faq" class="text-gray-400 hover:text-white transition-colors">FAQ</a></li>
331
  </ul>
332
  </div>
333
 
334
  <div>
335
  <h4 class="text-lg font-semibold mb-4">Juridique</h4>
336
  <ul class="space-y-2">
337
+ <li><a href="#terms" class="text-gray-400 hover:text-white transition-colors">Conditions générales</a></li>
338
+ <li><a href="#privacy" class="text-gray-400 hover:text-white transition-colors">Politique de confidentialité</a></li>
339
+ <li><a href="#cookies" class="text-gray-400 hover:text-white transition-colors">Politique de cookies</a></li>
340
+ <li><a href="#legal" class="text-gray-400 hover:text-white transition-colors">Mentions légales</a></li>
341
  </ul>
342
  </div>
343
  </div>
 
345
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
346
  <p class="text-gray-400 mb-4 md:mb-0">© 2023 WebMaster Pro. Tous droits réservés.</p>
347
  <div class="flex space-x-6">
348
+ <a href="#fr" class="text-gray-400 hover:text-white transition-colors">Français</a>
349
+ <a href="#en" class="text-gray-400 hover:text-white transition-colors">English</a>
350
+ <a href="#es" class="text-gray-400 hover:text-white transition-colors">Español</a>
351
  </div>
352
  </div>
353
  </div>
 
369
  const freeBadge = document.querySelector('.bg-white\\/20');
370
  freeBadge.classList.add('pulse-animation');
371
  });
372
+
373
+ // Button functions
374
+ function searchDomain() {
375
+ const domainInput = document.querySelector('input[type="text"]');
376
+ const domainExtension = document.querySelector('select').value;
377
+ const domain = domainInput.value.trim() + domainExtension;
378
+
379
+ if(domainInput.value.trim() === '') {
380
+ alert('Veuillez entrer un nom de domaine');
381
+ return;
382
+ }
383
+
384
+ alert('Recherche du domaine: ' + domain);
385
+ // Ici vous pourriez ajouter une requête AJAX pour vérifier la disponibilité
386
+ }
387
+
388
+ function refreshDomainInfo() {
389
+ alert('Actualisation des informations du domaine...');
390
+ // Ici vous pourriez ajouter une requête AJAX pour actualiser les données
391
+ }
392
+
393
+ function contactSupport() {
394
+ alert('Redirection vers le support...');
395
+ // window.location.href = '/contact';
396
+ }
397
+
398
+ function editContactInfo() {
399
+ alert('Ouverture du formulaire de modification...');
400
+ // Ici vous pourriez afficher un formulaire modal
401
+ }
402
+
403
+ function startRegistration() {
404
+ alert('Démarrage du processus d\'enregistrement...');
405
+ // window.location.href = '/register';
406
+ }
407
  </script>
408
  <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>
409
  </html>
prompts.txt CHANGED
@@ -12,4 +12,5 @@ Infrastructure Web Automatisée en 1 Clic Domaine, SSL, DNS et intégration Goog
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
 
 
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
16
+ corriger toutes les erreurs des bouton non cliquable qui ne fonction pas