Hugging Face's logo

Spaces:
docto41
/
autodomain-pro
Running

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

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +750 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Autodomain Pro
3
- emoji: 🐠
4
- colorFrom: pink
5
- colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: autodomain-pro
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,750 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Générateur Automatique de Domaines</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #6e8efb, #a777e3);
12
+ }
13
+ .domain-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .progress-bar {
18
+ transition: width 0.5s ease-in-out;
19
+ }
20
+ .pulse {
21
+ animation: pulse 2s infinite;
22
+ }
23
+ @keyframes pulse {
24
+ 0% { opacity: 1; }
25
+ 50% { opacity: 0.5; }
26
+ 100% { opacity: 1; }
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="bg-gray-50">
31
+ <div class="min-h-screen">
32
+ <!-- Header -->
33
+ <header class="gradient-bg text-white shadow-lg">
34
+ <div class="container mx-auto px-4 py-6">
35
+ <div class="flex justify-between items-center">
36
+ <div class="flex items-center space-x-2">
37
+ <i class="fas fa-globe text-3xl"></i>
38
+ <h1 class="text-2xl font-bold">AutoDomain Pro</h1>
39
+ </div>
40
+ <nav>
41
+ <ul class="flex space-x-6">
42
+ <li><a href="#" class="hover:underline">Accueil</a></li>
43
+ <li><a href="#" class="hover:underline">Domaines</a></li>
44
+ <li><a href="#" class="hover:underline">SSL</a></li>
45
+ <li><a href="#" class="hover:underline">DNS</a></li>
46
+ <li><a href="#" class="hover:underline">Contact</a></li>
47
+ </ul>
48
+ </nav>
49
+ </div>
50
+ </div>
51
+ </header>
52
+
53
+ <!-- Hero Section -->
54
+ <section class="gradient-bg text-white py-16">
55
+ <div class="container mx-auto px-4 text-center">
56
+ <h2 class="text-4xl font-bold mb-4">Enregistrement Instantané de Domaines</h2>
57
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Notre système robotisé enregistre votre domaine immédiatement sans attendre 24h. Configuration DNS et SSL inclus automatiquement.</p>
58
+
59
+ <div class="max-w-2xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden">
60
+ <div class="flex">
61
+ <input type="text" id="domain-input" placeholder="Recherchez votre domaine..." class="flex-grow px-4 py-3 text-gray-800 focus:outline-none">
62
+ <button id="search-btn" class="bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 font-medium">
63
+ <i class="fas fa-search mr-2"></i> Vérifier
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </section>
69
+
70
+ <!-- Domain Check Results -->
71
+ <section id="results-section" class="hidden container mx-auto px-4 py-12">
72
+ <div class="bg-white rounded-xl shadow-lg p-6">
73
+ <h3 class="text-2xl font-bold mb-6 text-gray-800">Résultats de disponibilité</h3>
74
+
75
+ <div id="domain-results" class="space-y-4">
76
+ <!-- Results will be inserted here by JavaScript -->
77
+ </div>
78
+
79
+ <div id="loading" class="text-center py-8 hidden">
80
+ <div class="inline-block animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-purple-600 mb-4"></div>
81
+ <p class="text-gray-600">Vérification en cours...</p>
82
+ </div>
83
+ </div>
84
+ </section>
85
+
86
+ <!-- Registration Form -->
87
+ <section id="registration-section" class="hidden container mx-auto px-4 py-12">
88
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden">
89
+ <div class="md:flex">
90
+ <!-- Progress Steps -->
91
+ <div class="md:w-1/4 bg-gray-100 p-6">
92
+ <h3 class="text-xl font-bold mb-6 text-gray-800">Processus d'enregistrement</h3>
93
+ <ul class="space-y-4">
94
+ <li class="flex items-center space-x-3">
95
+ <span class="step-number bg-purple-600 text-white rounded-full h-8 w-8 flex items-center justify-center">1</span>
96
+ <span class="step-text font-medium">Information Domaine</span>
97
+ </li>
98
+ <li class="flex items-center space-x-3 text-gray-400">
99
+ <span class="step-number bg-gray-300 text-gray-600 rounded-full h-8 w-8 flex items-center justify-center">2</span>
100
+ <span class="step-text">Configuration DNS</span>
101
+ </li>
102
+ <li class="flex items-center space-x-3 text-gray-400">
103
+ <span class="step-number bg-gray-300 text-gray-600 rounded-full h-8 w-8 flex items-center justify-center">3</span>
104
+ <span class="step-text">Certificat SSL</span>
105
+ </li>
106
+ <li class="flex items-center space-x-3 text-gray-400">
107
+ <span class="step-number bg-gray-300 text-gray-600 rounded-full h-8 w-8 flex items-center justify-center">4</span>
108
+ <span class="step-text">Paiement</span>
109
+ </li>
110
+ <li class="flex items-center space-x-3 text-gray-400">
111
+ <span class="step-number bg-gray-300 text-gray-600 rounded-full h-8 w-8 flex items-center justify-center">5</span>
112
+ <span class="step-text">Activation</span>
113
+ </li>
114
+ </ul>
115
+
116
+ <div class="mt-8">
117
+ <div class="h-2 bg-gray-300 rounded-full">
118
+ <div class="progress-bar h-2 bg-purple-600 rounded-full w-1/5"></div>
119
+ </div>
120
+ <p class="text-sm text-gray-600 mt-2">Étape 1 sur 5</p>
121
+ </div>
122
+ </div>
123
+
124
+ <!-- Form Content -->
125
+ <div class="md:w-3/4 p-6">
126
+ <h3 class="text-2xl font-bold mb-6 text-gray-800">Enregistrement du domaine</h3>
127
+
128
+ <div id="domain-selected" class="mb-6 p-4 bg-gray-100 rounded-lg">
129
+ <h4 class="font-medium text-gray-700">Domaine sélectionné :</h4>
130
+ <p id="selected-domain" class="text-xl font-bold text-purple-600"></p>
131
+ </div>
132
+
133
+ <form id="registration-form" class="space-y-6">
134
+ <div>
135
+ <label for="registrant-type" class="block text-sm font-medium text-gray-700 mb-1">Type de titulaire</label>
136
+ <select id="registrant-type" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600">
137
+ <option value="individual">Particulier</option>
138
+ <option value="company">Entreprise</option>
139
+ <option value="organization">Organisation</option>
140
+ </select>
141
+ </div>
142
+
143
+ <div class="grid md:grid-cols-2 gap-6">
144
+ <div>
145
+ <label for="first-name" class="block text-sm font-medium text-gray-700 mb-1">Prénom</label>
146
+ <input type="text" id="first-name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600" required>
147
+ </div>
148
+ <div>
149
+ <label for="last-name" class="block text-sm font-medium text-gray-700 mb-1">Nom</label>
150
+ <input type="text" id="last-name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600" required>
151
+ </div>
152
+ </div>
153
+
154
+ <div>
155
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
156
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600" required>
157
+ </div>
158
+
159
+ <div>
160
+ <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Téléphone</label>
161
+ <input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600" required>
162
+ </div>
163
+
164
+ <div class="grid md:grid-cols-2 gap-6">
165
+ <div>
166
+ <label for="country" class="block text-sm font-medium text-gray-700 mb-1">Pays</label>
167
+ <select id="country" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600">
168
+ <option value="FR">France</option>
169
+ <option value="BE">Belgique</option>
170
+ <option value="CH">Suisse</option>
171
+ <option value="CA">Canada</option>
172
+ <option value="US">États-Unis</option>
173
+ </select>
174
+ </div>
175
+ <div>
176
+ <label for="language" class="block text-sm font-medium text-gray-700 mb-1">Langue</label>
177
+ <select id="language" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-600 focus:border-purple-600">
178
+ <option value="fr">Français</option>
179
+ <option value="en">Anglais</option>
180
+ </select>
181
+ </div>
182
+ </div>
183
+
184
+ <div class="pt-4 border-t border-gray-200">
185
+ <div class="flex items-center">
186
+ <input id="auto-dns" type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" checked>
187
+ <label for="auto-dns" class="ml-2 block text-sm text-gray-700">Configurer automatiquement les serveurs DNS</label>
188
+ </div>
189
+
190
+ <div class="mt-4 flex items-center">
191
+ <input id="auto-ssl" type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" checked>
192
+ <label for="auto-ssl" class="ml-2 block text-sm text-gray-700">Activer automatiquement le certificat SSL</label>
193
+ </div>
194
+
195
+ <div class="mt-4 flex items-center">
196
+ <input id="privacy-protection" type="checkbox" class="h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" checked>
197
+ <label for="privacy-protection" class="ml-2 block text-sm text-gray-700">Activer la protection de la vie privée WHOIS</label>
198
+ </div>
199
+ </div>
200
+
201
+ <div class="flex justify-end space-x-4 pt-6">
202
+ <button type="button" id="cancel-btn" class="px-6 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-100">Annuler</button>
203
+ <button type="submit" id="next-btn" class="px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg font-medium">
204
+ Suivant <i class="fas fa-arrow-right ml-2"></i>
205
+ </button>
206
+ </div>
207
+ </form>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </section>
212
+
213
+ <!-- Features Section -->
214
+ <section class="container mx-auto px-4 py-12">
215
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Pourquoi choisir notre service ?</h2>
216
+
217
+ <div class="grid md:grid-cols-3 gap-8">
218
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow">
219
+ <div class="text-purple-600 mb-4">
220
+ <i class="fas fa-bolt text-4xl"></i>
221
+ </div>
222
+ <h3 class="text-xl font-bold mb-3 text-gray-800">Activation Instantanée</h3>
223
+ <p class="text-gray-600">Notre système robotisé enregistre votre domaine immédiatement sans délai d'attente. Plus besoin de patienter 24h.</p>
224
+ </div>
225
+
226
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow">
227
+ <div class="text-purple-600 mb-4">
228
+ <i class="fas fa-lock text-4xl"></i>
229
+ </div>
230
+ <h3 class="text-xl font-bold mb-3 text-gray-800">SSL Automatique</h3>
231
+ <p class="text-gray-600">Certificat SSL inclus et configuré automatiquement pour sécuriser immédiatement votre site.</p>
232
+ </div>
233
+
234
+ <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow">
235
+ <div class="text-purple-600 mb-4">
236
+ <i class="fas fa-server text-4xl"></i>
237
+ </div>
238
+ <h3 class="text-xl font-bold mb-3 text-gray-800">DNS Haute Performance</h3>
239
+ <p class="text-gray-600">Serveurs DNS mondiaux configurés automatiquement pour une résolution ultra-rapide partout dans le monde.</p>
240
+ </div>
241
+ </div>
242
+ </section>
243
+
244
+ <!-- Process Automation Section -->
245
+ <section class="bg-gray-100 py-12">
246
+ <div class="container mx-auto px-4">
247
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Processus d'Enregistrement Automatisé</h2>
248
+
249
+ <div class="relative">
250
+ <!-- Timeline -->
251
+ <div class="hidden md:block absolute left-1/2 h-full w-1 bg-purple-600 transform -translate-x-1/2"></div>
252
+
253
+ <!-- Steps -->
254
+ <div class="space-y-12 md:space-y-0">
255
+ <!-- Step 1 -->
256
+ <div class="relative md:flex justify-center items-center">
257
+ <div class="md:w-1/2 md:pr-12 md:text-right mb-4 md:mb-0">
258
+ <h3 class="text-xl font-bold text-gray-800">1. Vérification du domaine</h3>
259
+ <p class="text-gray-600">Notre robot vérifie la disponibilité en temps réel auprès de tous les registres.</p>
260
+ </div>
261
+ <div class="md:w-1/2 md:pl-12">
262
+ <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-purple-600 text-white text-xl font-bold shadow-lg">
263
+ 1
264
+ </div>
265
+ </div>
266
+ </div>
267
+
268
+ <!-- Step 2 -->
269
+ <div class="relative md:flex justify-center items-center">
270
+ <div class="md:w-1/2 md:pr-12 md:text-right order-2 mb-4 md:mb-0">
271
+ <h3 class="text-xl font-bold text-gray-800">2. Enregistrement immédiat</h3>
272
+ <p class="text-gray-600">Le domaine est enregistré instantanément via notre connexion API directe avec les registres.</p>
273
+ </div>
274
+ <div class="md:w-1/2 md:pl-12 order-1">
275
+ <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-purple-600 text-white text-xl font-bold shadow-lg">
276
+ 2
277
+ </div>
278
+ </div>
279
+ </div>
280
+
281
+ <!-- Step 3 -->
282
+ <div class="relative md:flex justify-center items-center">
283
+ <div class="md:w-1/2 md:pr-12 md:text-right mb-4 md:mb-0">
284
+ <h3 class="text-xl font-bold text-gray-800">3. Configuration DNS</h3>
285
+ <p class="text-gray-600">Les serveurs DNS sont configurés automatiquement avec des paramètres optimisés.</p>
286
+ </div>
287
+ <div class="md:w-1/2 md:pl-12">
288
+ <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-purple-600 text-white text-xl font-bold shadow-lg">
289
+ 3
290
+ </div>
291
+ </div>
292
+ </div>
293
+
294
+ <!-- Step 4 -->
295
+ <div class="relative md:flex justify-center items-center">
296
+ <div class="md:w-1/2 md:pr-12 md:text-right order-2 mb-4 md:mb-0">
297
+ <h3 class="text-xl font-bold text-gray-800">4. Activation SSL</h3>
298
+ <p class="text-gray-600">Le certificat SSL est émis et installé automatiquement pour une sécurité immédiate.</p>
299
+ </div>
300
+ <div class="md:w-1/2 md:pl-12 order-1">
301
+ <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-purple-600 text-white text-xl font-bold shadow-lg">
302
+ 4
303
+ </div>
304
+ </div>
305
+ </div>
306
+
307
+ <!-- Step 5 -->
308
+ <div class="relative md:flex justify-center items-center">
309
+ <div class="md:w-1/2 md:pr-12 md:text-right mb-4 md:mb-0">
310
+ <h3 class="text-xl font-bold text-gray-800">5. Confirmation</h3>
311
+ <p class="text-gray-600">Vous recevez une confirmation par email avec tous les détails de votre configuration.</p>
312
+ </div>
313
+ <div class="md:w-1/2 md:pl-12">
314
+ <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-purple-600 text-white text-xl font-bold shadow-lg">
315
+ 5
316
+ </div>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </section>
323
+
324
+ <!-- Pricing Section -->
325
+ <section class="container mx-auto px-4 py-12">
326
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Nos Tarifs</h2>
327
+
328
+ <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
329
+ <!-- Basic Plan -->
330
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200 hover:border-purple-500 transition-all">
331
+ <div class="p-6">
332
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Basique</h3>
333
+ <p class="text-gray-600 mb-4">Parfait pour les projets personnels</p>
334
+
335
+ <div class="mb-6">
336
+ <span class="text-4xl font-bold text-purple-600">9,99€</span>
337
+ <span class="text-gray-500">/an</span>
338
+ </div>
339
+
340
+ <ul class="space-y-3 mb-8">
341
+ <li class="flex items-center">
342
+ <i class="fas fa-check text-green-500 mr-2"></i>
343
+ <span>Enregistrement instantané</span>
344
+ </li>
345
+ <li class="flex items-center">
346
+ <i class="fas fa-check text-green-500 mr-2"></i>
347
+ <span>DNS de base</span>
348
+ </li>
349
+ <li class="flex items-center">
350
+ <i class="fas fa-check text-green-500 mr-2"></i>
351
+ <span>SSL Let's Encrypt</span>
352
+ </li>
353
+ <li class="flex items-center text-gray-400">
354
+ <i class="fas fa-times mr-2"></i>
355
+ <span>Protection WHOIS</span>
356
+ </li>
357
+ <li class="flex items-center text-gray-400">
358
+ <i class="fas fa-times mr-2"></i>
359
+ <span>DNS avancé</span>
360
+ </li>
361
+ </ul>
362
+
363
+ <button class="w-full px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-800 rounded-lg font-medium">
364
+ Choisir ce plan
365
+ </button>
366
+ </div>
367
+ </div>
368
+
369
+ <!-- Professional Plan (Featured) -->
370
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden border-2 border-purple-500 transform scale-105 z-10">
371
+ <div class="bg-purple-600 text-white text-center py-2">
372
+ <span class="font-bold">Le plus populaire</span>
373
+ </div>
374
+ <div class="p-6">
375
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Professionnel</h3>
376
+ <p class="text-gray-600 mb-4">Idéal pour les sites professionnels</p>
377
+
378
+ <div class="mb-6">
379
+ <span class="text-4xl font-bold text-purple-600">19,99€</span>
380
+ <span class="text-gray-500">/an</span>
381
+ </div>
382
+
383
+ <ul class="space-y-3 mb-8">
384
+ <li class="flex items-center">
385
+ <i class="fas fa-check text-green-500 mr-2"></i>
386
+ <span>Enregistrement instantané</span>
387
+ </li>
388
+ <li class="flex items-center">
389
+ <i class="fas fa-check text-green-500 mr-2"></i>
390
+ <span>DNS avancé</span>
391
+ </li>
392
+ <li class="flex items-center">
393
+ <i class="fas fa-check text-green-500 mr-2"></i>
394
+ <span>SSL Premium</span>
395
+ </li>
396
+ <li class="flex items-center">
397
+ <i class="fas fa-check text-green-500 mr-2"></i>
398
+ <span>Protection WHOIS</span>
399
+ </li>
400
+ <li class="flex items-center">
401
+ <i class="fas fa-check text-green-500 mr-2"></i>
402
+ <span>Support prioritaire</span>
403
+ </li>
404
+ </ul>
405
+
406
+ <button class="w-full px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg font-medium">
407
+ Choisir ce plan
408
+ </button>
409
+ </div>
410
+ </div>
411
+
412
+ <!-- Enterprise Plan -->
413
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200 hover:border-purple-500 transition-all">
414
+ <div class="p-6">
415
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Entreprise</h3>
416
+ <p class="text-gray-600 mb-4">Pour les besoins critiques</p>
417
+
418
+ <div class="mb-6">
419
+ <span class="text-4xl font-bold text-purple-600">49,99€</span>
420
+ <span class="text-gray-500">/an</span>
421
+ </div>
422
+
423
+ <ul class="space-y-3 mb-8">
424
+ <li class="flex items-center">
425
+ <i class="fas fa-check text-green-500 mr-2"></i>
426
+ <span>Enregistrement instantané</span>
427
+ </li>
428
+ <li class="flex items-center">
429
+ <i class="fas fa-check text-green-500 mr-2"></i>
430
+ <span>DNS Entreprise</span>
431
+ </li>
432
+ <li class="flex items-center">
433
+ <i class="fas fa-check text-green-500 mr-2"></i>
434
+ <span>SSL EV (Extended Validation)</span>
435
+ </li>
436
+ <li class="flex items-center">
437
+ <i class="fas fa-check text-green-500 mr-2"></i>
438
+ <span>Protection WHOIS</span>
439
+ </li>
440
+ <li class="flex items-center">
441
+ <i class="fas fa-check text-green-500 mr-2"></i>
442
+ <span>Support 24/7</span>
443
+ </li>
444
+ </ul>
445
+
446
+ <button class="w-full px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-800 rounded-lg font-medium">
447
+ Choisir ce plan
448
+ </button>
449
+ </div>
450
+ </div>
451
+ </div>
452
+ </section>
453
+
454
+ <!-- FAQ Section -->
455
+ <section class="bg-gray-100 py-12">
456
+ <div class="container mx-auto px-4">
457
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Questions Fréquentes</h2>
458
+
459
+ <div class="max-w-3xl mx-auto space-y-4">
460
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
461
+ <button class="faq-question w-full text-left px-6 py-4 font-medium text-gray-800 hover:bg-gray-50 focus:outline-none flex justify-between items-center">
462
+ <span>Comment fonctionne l'enregistrement instantané ?</span>
463
+ <i class="fas fa-chevron-down text-purple-600 transition-transform"></i>
464
+ </button>
465
+ <div class="faq-answer px-6 pb-4 text-gray-600 hidden">
466
+ <p>Notre système utilise des connexions API directes avec les registres de domaine mondiaux. Lorsque vous enregistrez un domaine, notre robot envoie la demande directement au registre concerné et reçoit une confirmation en temps réel, éliminant ainsi les délais traditionnels de 24h.</p>
467
+ </div>
468
+ </div>
469
+
470
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
471
+ <button class="faq-question w-full text-left px-6 py-4 font-medium text-gray-800 hover:bg-gray-50 focus:outline-none flex justify-between items-center">
472
+ <span>Le certificat SSL est-il vraiment automatique ?</span>
473
+ <i class="fas fa-chevron-down text-purple-600 transition-transform"></i>
474
+ </button>
475
+ <div class="faq-answer px-6 pb-4 text-gray-600 hidden">
476
+ <p>Oui, immédiatement après l'enregistrement du domaine, notre système lance automatiquement le processus d'émission du certificat SSL. Pour les certificats de base, l'installation est complète en quelques minutes. Les certificats premium peuvent prendre jusqu'à 1 heure pour la validation.</p>
477
+ </div>
478
+ </div>
479
+
480
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
481
+ <button class="faq-question w-full text-left px-6 py-4 font-medium text-gray-800 hover:bg-gray-50 focus:outline-none flex justify-between items-center">
482
+ <span>Quels sont les serveurs DNS utilisés ?</span>
483
+ <i class="fas fa-chevron-down text-purple-600 transition-transform"></i>
484
+ </button>
485
+ <div class="faq-answer px-6 pb-4 text-gray-600 hidden">
486
+ <p>Nous utilisons un réseau mondial de serveurs DNS Anycast avec des points de présence sur tous les continents. Cela garantit une résolution DNS ultra-rapide où que soient vos visiteurs. Nos serveurs sont optimisés pour la vitesse et la sécurité avec protection DDoS intégrée.</p>
487
+ </div>
488
+ </div>
489
+
490
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
491
+ <button class="faq-question w-full text-left px-6 py-4 font-medium text-gray-800 hover:bg-gray-50 focus:outline-none flex justify-between items-center">
492
+ <span>Puis-je transférer un domaine existant ?</span>
493
+ <i class="fas fa-chevron-down text-purple-600 transition-transform"></i>
494
+ </button>
495
+ <div class="faq-answer px-6 pb-4 text-gray-600 hidden">
496
+ <p>Absolument. Notre système prend en charge les transferts de domaine depuis la plupart des registrars. Le processus est semi-automatisé - vous initiez le transfert depuis votre compte actuel, puis notre robot prend le relais pour accélérer le processus et configurer automatiquement DNS/SSL.</p>
497
+ </div>
498
+ </div>
499
+ </div>
500
+ </div>
501
+ </section>
502
+
503
+ <!-- CTA Section -->
504
+ <section class="gradient-bg text-white py-16">
505
+ <div class="container mx-auto px-4 text-center">
506
+ <h2 class="text-3xl font-bold mb-6">Prêt à enregistrer votre domaine instantanément ?</h2>
507
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Essayez notre système robotisé et économisez des heures d'attente.</p>
508
+ <button class="px-8 py-3 bg-white text-purple-600 rounded-lg font-bold text-lg hover:bg-gray-100 shadow-lg">
509
+ Commencez maintenant <i class="fas fa-arrow-right ml-2"></i>
510
+ </button>
511
+ </div>
512
+ </section>
513
+
514
+ <!-- Footer -->
515
+ <footer class="bg-gray-900 text-white py-12">
516
+ <div class="container mx-auto px-4">
517
+ <div class="grid md:grid-cols-4 gap-8">
518
+ <div>
519
+ <h3 class="text-xl font-bold mb-4 flex items-center">
520
+ <i class="fas fa-globe mr-2"></i> AutoDomain Pro
521
+ </h3>
522
+ <p class="text-gray-400">Le service d'enregistrement de domaine le plus rapide du marché avec activation instantanée et configuration automatique.</p>
523
+ </div>
524
+
525
+ <div>
526
+ <h4 class="font-bold mb-4">Services</h4>
527
+ <ul class="space-y-2 text-gray-400">
528
+ <li><a href="#" class="hover:text-white">Enregistrement de domaine</a></li>
529
+ <li><a href="#" class="hover:text-white">Certificats SSL</a></li>
530
+ <li><a href="#" class="hover:text-white">Hébergement DNS</a></li>
531
+ <li><a href="#" class="hover:text-white">Transfert de domaine</a></li>
532
+ <li><a href="#" class="hover:text-white">Protection WHOIS</a></li>
533
+ </ul>
534
+ </div>
535
+
536
+ <div>
537
+ <h4 class="font-bold mb-4">Support</h4>
538
+ <ul class="space-y-2 text-gray-400">
539
+ <li><a href="#" class="hover:text-white">Centre d'aide</a></li>
540
+ <li><a href="#" class="hover:text-white">Contact</a></li>
541
+ <li><a href="#" class="hover:text-white">Statut du service</a></li>
542
+ <li><a href="#" class="hover:text-white">Documentation API</a></li>
543
+ <li><a href="#" class="hover:text-white">Politique de confidentialité</a></li>
544
+ </ul>
545
+ </div>
546
+
547
+ <div>
548
+ <h4 class="font-bold mb-4">Contact</h4>
549
+ <ul class="space-y-2 text-gray-400">
550
+ <li class="flex items-center">
551
+ <i class="fas fa-map-marker-alt mr-2"></i> Paris, France
552
+ </li>
553
+ <li class="flex items-center">
554
+ <i class="fas fa-envelope mr-2"></i> [email protected]
555
+ </li>
556
+ <li class="flex items-center">
557
+ <i class="fas fa-phone mr-2"></i> +33 1 23 45 67 89
558
+ </li>
559
+ </ul>
560
+
561
+ <div class="mt-4 flex space-x-4">
562
+ <a href="#" class="text-gray-400 hover:text-white">
563
+ <i class="fab fa-twitter text-xl"></i>
564
+ </a>
565
+ <a href="#" class="text-gray-400 hover:text-white">
566
+ <i class="fab fa-facebook text-xl"></i>
567
+ </a>
568
+ <a href="#" class="text-gray-400 hover:text-white">
569
+ <i class="fab fa-linkedin text-xl"></i>
570
+ </a>
571
+ <a href="#" class="text-gray-400 hover:text-white">
572
+ <i class="fab fa-github text-xl"></i>
573
+ </a>
574
+ </div>
575
+ </div>
576
+ </div>
577
+
578
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
579
+ <p>&copy; 2023 AutoDomain Pro. Tous droits réservés.</p>
580
+ </div>
581
+ </div>
582
+ </footer>
583
+ </div>
584
+
585
+ <script>
586
+ document.addEventListener('DOMContentLoaded', function() {
587
+ // Domain search functionality
588
+ const domainInput = document.getElementById('domain-input');
589
+ const searchBtn = document.getElementById('search-btn');
590
+ const resultsSection = document.getElementById('results-section');
591
+ const loading = document.getElementById('loading');
592
+ const domainResults = document.getElementById('domain-results');
593
+ const registrationSection = document.getElementById('registration-section');
594
+ const selectedDomain = document.getElementById('selected-domain');
595
+
596
+ // Sample TLDs to check
597
+ const tlds = ['.com', '.fr', '.net', '.org', '.io', '.tech'];
598
+
599
+ searchBtn.addEventListener('click', function() {
600
+ const domain = domainInput.value.trim();
601
+
602
+ if (domain) {
603
+ // Show loading
604
+ resultsSection.classList.remove('hidden');
605
+ loading.classList.remove('hidden');
606
+ domainResults.innerHTML = '';
607
+
608
+ // Simulate API call with timeout
609
+ setTimeout(function() {
610
+ loading.classList.add('hidden');
611
+
612
+ // Generate results for each TLD
613
+ tlds.forEach(tld => {
614
+ const isAvailable = Math.random() > 0.3; // 70% chance of being available
615
+
616
+ const domainCard = document.createElement('div');
617
+ domainCard.className = 'domain-card bg-white rounded-lg shadow-md p-4 flex justify-between items-center transition-all duration-300';
618
+
619
+ const domainName = document.createElement('div');
620
+ domainName.className = 'text-lg font-medium';
621
+ domainName.textContent = domain + tld;
622
+
623
+ const domainStatus = document.createElement('div');
624
+ domainStatus.className = 'flex items-center space-x-4';
625
+
626
+ const statusText = document.createElement('span');
627
+ statusText.className = isAvailable ? 'text-green-600 font-medium' : 'text-red-600 font-medium';
628
+ statusText.textContent = isAvailable ? 'Disponible' : 'Indisponible';
629
+
630
+ const actionBtn = document.createElement('button');
631
+ actionBtn.className = isAvailable
632
+ ? 'px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg font-medium'
633
+ : 'px-4 py-2 bg-gray-300 text-gray-600 rounded-lg font-medium cursor-not-allowed';
634
+ actionBtn.textContent = isAvailable ? 'Enregistrer' : 'Indisponible';
635
+
636
+ if (isAvailable) {
637
+ actionBtn.addEventListener('click', function() {
638
+ registrationSection.classList.remove('hidden');
639
+ selectedDomain.textContent = domain + tld;
640
+ resultsSection.classList.add('hidden');
641
+
642
+ // Scroll to registration form
643
+ registrationSection.scrollIntoView({ behavior: 'smooth' });
644
+ });
645
+ }
646
+
647
+ domainStatus.appendChild(statusText);
648
+ domainStatus.appendChild(actionBtn);
649
+
650
+ domainCard.appendChild(domainName);
651
+ domainCard.appendChild(domainStatus);
652
+
653
+ domainResults.appendChild(domainCard);
654
+ });
655
+ }, 1500);
656
+ } else {
657
+ alert('Veuillez entrer un nom de domaine à rechercher');
658
+ }
659
+ });
660
+
661
+ // Registration form navigation
662
+ const cancelBtn = document.getElementById('cancel-btn');
663
+ cancelBtn.addEventListener('click', function() {
664
+ registrationSection.classList.add('hidden');
665
+ resultsSection.classList.remove('hidden');
666
+ domainInput.value = '';
667
+
668
+ // Scroll to results
669
+ resultsSection.scrollIntoView({ behavior: 'smooth' });
670
+ });
671
+
672
+ // FAQ accordion
673
+ const faqQuestions = document.querySelectorAll('.faq-question');
674
+ faqQuestions.forEach(question => {
675
+ question.addEventListener('click', function() {
676
+ const answer = this.nextElementSibling;
677
+ const icon = this.querySelector('i');
678
+
679
+ // Toggle answer visibility
680
+ answer.classList.toggle('hidden');
681
+
682
+ // Rotate icon
683
+ if (answer.classList.contains('hidden')) {
684
+ icon.style.transform = 'rotate(0deg)';
685
+ } else {
686
+ icon.style.transform = 'rotate(180deg)';
687
+ }
688
+ });
689
+ });
690
+
691
+ // Form submission
692
+ const registrationForm = document.getElementById('registration-form');
693
+ registrationForm.addEventListener('submit', function(e) {
694
+ e.preventDefault();
695
+
696
+ // In a real app, this would submit to your backend
697
+ alert('Enregistrement en cours... Cette partie simule le processus automatique complet avec notre système robotisé.');
698
+
699
+ // Simulate the automated process
700
+ simulateAutomatedProcess();
701
+ });
702
+
703
+ function simulateAutomatedProcess() {
704
+ const steps = document.querySelectorAll('.step-number');
705
+ const stepTexts = document.querySelectorAll('.step-text');
706
+ const progressBar = document.querySelector('.progress-bar');
707
+
708
+ // Step 1 is already active (Domain Information)
709
+
710
+ // Simulate step 2 - DNS Configuration (after 1.5s)
711
+ setTimeout(() => {
712
+ steps[1].classList.remove('bg-gray-300', 'text-gray-600');
713
+ steps[1].classList.add('bg-purple-600', 'text-white');
714
+ stepTexts[1].classList.remove('text-gray-400');
715
+ progressBar.style.width = '40%';
716
+
717
+ // Simulate step 3 - SSL Certificate (after another 1.5s)
718
+ setTimeout(() => {
719
+ steps[2].classList.remove('bg-gray-300', 'text-gray-600');
720
+ steps[2].classList.add('bg-purple-600', 'text-white');
721
+ stepTexts[2].classList.remove('text-gray-400');
722
+ progressBar.style.width = '60%';
723
+
724
+ // Simulate step 4 - Payment (after another 1.5s)
725
+ setTimeout(() => {
726
+ steps[3].classList.remove('bg-gray-300', 'text-gray-600');
727
+ steps[3].classList.add('bg-purple-600', 'text-white');
728
+ stepTexts[3].classList.remove('text-gray-400');
729
+ progressBar.style.width = '80%';
730
+
731
+ // Simulate step 5 - Activation (after another 1.5s)
732
+ setTimeout(() => {
733
+ steps[4].classList.remove('bg-gray-300', 'text-gray-600');
734
+ steps[4].classList.add('bg-purple-600', 'text-white');
735
+ stepTexts[4].classList.remove('text-gray-400');
736
+ progressBar.style.width = '100%';
737
+
738
+ // Show completion message
739
+ setTimeout(() => {
740
+ alert('Félicitations ! Votre domaine a été enregistré et configuré automatiquement. Vous recevrez un email de confirmation avec tous les détails.');
741
+ }, 500);
742
+ }, 1500);
743
+ }, 1500);
744
+ }, 1500);
745
+ }, 1500);
746
+ }
747
+ });
748
+ </script>
749
+ <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/autodomain-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
750
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ je veux creer une puissant gnérateur d' enregistrement de domain , ssl , serveur dsn ect.. je veux que l 'enregistrement au registraire de domaine s'enregistre toute de suite en systeme robotisé et en automatique , pas attendre 24 h00 mais enregistrer toute de suite