Hugging Face's logo

Spaces:
docto41
/
hyper-dns-pro
Running

App Files Community
docto41 commited on
Commit
7ceda5d
·
verified ·
1 Parent(s): eb31ede

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +321 -247
  2. prompts.txt +2 -1
index.html CHANGED
@@ -48,6 +48,13 @@
48
  .dashboard-nav {
49
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
50
  }
 
 
 
 
 
 
 
51
  </style>
52
  </head>
53
  <body class="font-sans bg-gray-50">
@@ -122,213 +129,280 @@
122
  </div>
123
  </div>
124
 
125
- <!-- Quick Actions -->
126
- <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
127
- <button onclick="showDeployModal()" class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
128
- <i class="fas fa-plus-circle text-3xl text-blue-500 mb-2"></i>
129
- <h3 class="font-bold">Ajouter un domaine</h3>
130
- </button>
131
- <button class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
132
- <i class="fas fa-cog text-3xl text-purple-500 mb-2"></i>
133
- <h3 class="font-bold">Configurer DNS</h3>
134
- </button>
135
- <button class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
136
- <i class="fas fa-shield-alt text-3xl text-green-500 mb-2"></i>
137
- <h3 class="font-bold">Renouveler SSL</h3>
138
- </button>
139
- </div>
140
-
141
- <!-- Active Domains -->
142
- <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
143
- <div class="flex justify-between items-center mb-6">
144
- <h2 class="text-xl font-bold">Vos domaines actifs</h2>
145
- <button class="text-blue-500 hover:text-blue-700">
146
- <i class="fas fa-sync-alt mr-1"></i> Actualiser
147
- </button>
148
- </div>
149
- <div class="overflow-x-auto">
150
- <table class="min-w-full divide-y divide-gray-200">
151
- <thead class="bg-gray-50">
152
- <tr>
153
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Domaine</th>
154
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
155
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Expiration</th>
156
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
157
- </tr>
158
- </thead>
159
- <tbody class="bg-white divide-y divide-gray-200">
160
- <tr>
161
- <td class="px-6 py-4 whitespace-nowrap">
162
- <div class="flex items-center">
163
- <i class="fas fa-globe text-blue-500 mr-3"></i>
164
- <span class="font-medium">example.com</span>
165
- </div>
166
- </td>
167
- <td class="px-6 py-4 whitespace-nowrap">
168
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
169
- </td>
170
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15/06/2024</td>
171
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
172
- <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
173
- <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
174
- <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
175
- </td>
176
- </tr>
177
- <tr>
178
- <td class="px-6 py-4 whitespace-nowrap">
179
- <div class="flex items-center">
180
- <i class="fas fa-globe text-blue-500 mr-3"></i>
181
- <span class="font-medium">mon-site.fr</span>
182
- </div>
183
- </td>
184
- <td class="px-6 py-4 whitespace-nowrap">
185
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
186
- </td>
187
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22/09/2023</td>
188
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
189
- <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
190
- <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
191
- <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
192
- </td>
193
- </tr>
194
- <tr>
195
- <td class="px-6 py-4 whitespace-nowrap">
196
- <div class="flex items-center">
197
- <i class="fas fa-globe text-blue-500 mr-3"></i>
198
- <span class="font-medium">test.io</span>
199
- </div>
200
- </td>
201
- <td class="px-6 py-4 whitespace-nowrap">
202
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">En attente</span>
203
- </td>
204
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30/11/2023</td>
205
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
206
- <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
207
- <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
208
- <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
209
- </td>
210
- </tr>
211
- </tbody>
212
- </table>
213
- </div>
214
- </div>
215
-
216
- <!-- Payment History -->
217
- <div class="bg-white rounded-xl shadow-sm p-6">
218
- <h2 class="text-xl font-bold mb-6">Historique des paiements</h2>
219
- <div class="overflow-x-auto">
220
- <table class="min-w-full divide-y divide-gray-200">
221
- <thead class="bg-gray-50">
222
- <tr>
223
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
224
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
225
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Méthode</th>
226
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Montant</th>
227
- <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
228
- </tr>
229
- </thead>
230
- <tbody class="bg-white divide-y divide-gray-200">
231
- <tr>
232
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15/06/2023</td>
233
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Renouvellement domaine example.com</td>
234
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
235
- <i class="fab fa-cc-paypal text-blue-500 mr-1"></i> PayPal
236
- </td>
237
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$14.99</td>
238
- <td class="px-6 py-4 whitespace-nowrap">
239
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
240
- </td>
241
- </tr>
242
- <tr>
243
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10/05/2023</td>
244
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Enregistrement mon-site.fr</td>
245
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
246
- <i class="fab fa-cc-stripe text-purple-500 mr-1"></i> Stripe
247
- </td>
248
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$9.99</td>
249
- <td class="px-6 py-4 whitespace-nowrap">
250
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
251
- </td>
252
- </tr>
253
- <tr>
254
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22/04/2023</td>
255
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Pack Premium SSL</td>
256
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
257
- <i class="fab fa-cc-paypal text-blue-500 mr-1"></i> PayPal
258
- </td>
259
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$29.99</td>
260
- <td class="px-6 py-4 whitespace-nowrap">
261
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
262
- </td>
263
- </tr>
264
- </tbody>
265
- </table>
266
- </div>
267
- </div>
268
- </div>
269
-
270
- <!-- Sidebar -->
271
- <div class="lg:w-1/4">
272
- <!-- Payment Methods -->
273
  <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
274
- <h2 class="text-xl font-bold mb-4">Méthodes de paiement</h2>
275
 
276
- <div class="space-y-3 mb-6">
277
- <div class="payment-method bg-white border border-gray-200 rounded-lg p-4 cursor-pointer selected">
278
- <div class="flex items-center">
279
- <div class="mr-3">
280
- <i class="fab fa-cc-stripe text-3xl text-purple-500"></i>
 
 
 
 
 
 
 
 
 
 
281
  </div>
282
  <div>
283
- <h3 class="font-medium">Stripe</h3>
284
- <p class="text-sm text-gray-500">Carte se terminant par 4242</p>
 
 
 
 
 
 
 
 
285
  </div>
286
  </div>
287
  </div>
288
- <div class="payment-method bg-white border border-gray-200 rounded-lg p-4 cursor-pointer">
289
- <div class="flex items-center">
290
- <div class="mr-3">
291
- <i class="fab fa-cc-paypal text-3xl text-blue-500"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
292
  </div>
293
  <div>
294
- <h3 class="font-medium">PayPal</h3>
295
- <p class="text-sm text-gray-500">john.doe@example.com</p>
 
 
 
 
296
  </div>
297
  </div>
298
  </div>
299
  </div>
300
-
301
- <button class="w-full bg-gray-100 text-gray-700 py-2 px-4 rounded-lg hover:bg-gray-200 transition duration-200">
302
- <i class="fas fa-plus mr-2"></i> Ajouter une méthode
303
- </button>
304
- </div>
305
 
306
- <!-- Quick Stats -->
307
- <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
308
- <h2 class="text-xl font-bold mb-4">Statistiques rapides</h2>
309
- <div class="space-y-4">
310
- <div>
311
- <p class="text-sm text-gray-500">Prochain paiement</p>
312
- <p class="font-medium">$14.99 - 15/09/2023</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
313
  </div>
314
- <div>
315
- <p class="text-sm text-gray-500">Solde actuel</p>
316
- <p class="font-medium text-green-500">$45.67</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
317
  </div>
318
- <div>
319
- <p class="text-sm text-gray-500">Dépenses ce mois-ci</p>
320
- <p class="font-medium">$24.98</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
321
  </div>
322
  </div>
323
  </div>
324
 
325
- <!-- Support -->
326
- <div class="bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl p-6 text-white">
327
- <h2 class="text-xl font-bold mb-2">Besoin d'aide?</h2>
328
- <p class="mb-4">Notre équipe est disponible 24/7 pour répondre à vos questions</p>
329
- <button class="w-full bg-white text-blue-600 py-2 px-4 rounded-lg hover:bg-gray-100 transition duration-200">
330
- <i class="fas fa-headset mr-2"></i> Contacter le support
331
- </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
332
  </div>
333
  </div>
334
  </div>
@@ -712,7 +786,7 @@
712
  </li>
713
  <li class="flex items-center">
714
  <i class="fas fa-check text-green-500 mr-2"></i>
715
- <span>DNS Ultra-Rapide</span>
716
  </li>
717
  <li class="flex items-center">
718
  <i class="fas fa-check text-green-500 mr-2"></i>
@@ -805,64 +879,64 @@
805
  </div>
806
  <div>
807
  <label class="block text-gray-700 text-sm mb-2">Extension</label>
808
- <select id="domain-extension" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500">
809
- <option>.com</option>
810
- <option>.fr</option>
811
- <option>.net</option>
812
- <option>.io</option>
813
- <option>.org</option>
814
- </select>
815
- </div>
816
- <div>
817
- <label class="block text-gray-700 text-sm mb-2">Disponibilité</label>
818
- <button onclick="checkDomain()" class="w-full bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 transition duration-200">
819
- <i class="fas fa-search mr-2"></i> Vérifier
820
- </button>
821
- </div>
822
- </div>
823
- <div id="domain-result" class="hidden mt-4 p-3 rounded-lg text-sm"></div>
824
- </div>
825
-
826
- <!-- Step 2: Configuration -->
827
- <div class="border-b pb-6">
828
- <h4 class="font-bold text-lg mb-4 flex items-center">
829
- <span class="w-8 h-8 bg-blue-500 rounded-full text-white flex items-center justify-center mr-3">2</span>
830
- Configuration Automatique
831
- </h4>
832
- <div class="space-y-4">
833
- <div class="flex items-center">
834
- <input type="checkbox" id="auto-ssl" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500" checked>
835
- <label for="auto-ssl" class="ml-2 text-gray-700">Activer SSL Automatique (Let's Encrypt)</label>
836
- </div>
837
- <div class="flex items-center">
838
- <input type="checkbox" id="auto-dns" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500" checked>
839
- <label for="auto-dns" class="ml-2 text-gray-700">Configurer DNS Ultra-Rapide</label>
840
- </div>
841
- <div class="flex items-center">
842
- <input type="checkbox" id="auto-google" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500">
843
- <label for="auto-google" class="ml-2 text-gray-700">Intégration Google (Analytics, Search Console)</label>
844
- </div>
845
- </div>
846
- </div>
847
-
848
- <!-- Step 3: Deploy -->
849
- <div>
850
- <h4 class="font-bold text-lg mb-4 flex items-center">
851
- <span class="w-8 h-8 bg-blue-500 rounded-full text-white flex items-center justify-center mr-3">3</span>
852
- Déploiement
853
- </h4>
854
- <p class="text-gray-600 mb-4">
855
- Confirmez le déploiement automatisé de votre infrastructure web complète.
856
- </p>
857
- <div class="flex justify-end space-x-3">
858
- <button onclick="hideDeployModal()" class="bg-gray-200 text-gray-800 py-2 px-6 rounded-lg hover:bg-gray-300 transition duration-200">
859
- Annuler
860
- </button>
861
- <button onclick="deployInfrastructure()" class="bg-blue-600 text-white py-2 px-6 rounded-lg hover:bg-blue-700 transition duration-200">
862
- <i class="fas fa-bolt mr-2"></i> Déployer maintenant
863
- </button>
864
- </div>
865
- </div>
866
  </div>
867
  </div>
868
  </div>
@@ -877,7 +951,7 @@
877
  </div>
878
 
879
  <div class="space-y-4 mb-6">
880
- <div class="flex items-center justify-between">
881
  <span class="font-medium">Enregistrement du domaine</span>
882
  <span id="domain-status" class="text-gray-500">En attente...</span>
883
  </div>
 
48
  .dashboard-nav {
49
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
50
  }
51
+ .domain-info-card {
52
+ transition: all 0.3s ease;
53
+ }
54
+ .domain-info-card:hover {
55
+ transform: translateY(-2px);
56
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
57
+ }
58
  </style>
59
  </head>
60
  <body class="font-sans bg-gray-50">
 
129
  </div>
130
  </div>
131
 
132
+ <!-- Domain Information Section -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
  <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
134
+ <h2 class="text-xl font-bold mb-6">Informations du domaine</h2>
135
 
136
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
137
+ <!-- Registrar Information -->
138
+ <div class="domain-info-card bg-gray-50 rounded-lg p-5 border border-gray-200">
139
+ <div class="flex items-center mb-4">
140
+ <i class="fas fa-building text-blue-500 text-xl mr-3"></i>
141
+ <h3 class="font-bold text-lg">Registrar Information</h3>
142
+ </div>
143
+ <div class="space-y-3">
144
+ <div>
145
+ <p class="text-sm text-gray-500">Registrar Name</p>
146
+ <p class="font-medium">HyperDNS Registrar</p>
147
+ </div>
148
+ <div>
149
+ <p class="text-sm text-gray-500">IANA ID</p>
150
+ <p class="font-medium">12345</p>
151
  </div>
152
  <div>
153
+ <p class="text-sm text-gray-500">WHOIS Server</p>
154
+ <p class="font-medium">whois.hyperdns.com</p>
155
+ </div>
156
+ <div>
157
+ <p class="text-sm text-gray-500">Registration Date</p>
158
+ <p class="font-medium">2023-01-15</p>
159
+ </div>
160
+ <div>
161
+ <p class="text-sm text-gray-500">Expiration Date</p>
162
+ <p class="font-medium">2024-01-15</p>
163
  </div>
164
  </div>
165
  </div>
166
+
167
+ <!-- Registrant Contact -->
168
+ <div class="domain-info-card bg-gray-50 rounded-lg p-5 border border-gray-200">
169
+ <div class="flex items-center mb-4">
170
+ <i class="fas fa-user-circle text-blue-500 text-xl mr-3"></i>
171
+ <h3 class="font-bold text-lg">Registrant Contact</h3>
172
+ </div>
173
+ <div class="space-y-3">
174
+ <div>
175
+ <p class="text-sm text-gray-500">Name</p>
176
+ <p class="font-medium">John Doe</p>
177
+ </div>
178
+ <div>
179
+ <p class="text-sm text-gray-500">Organization</p>
180
+ <p class="font-medium">Example Inc.</p>
181
+ </div>
182
+ <div>
183
+ <p class="text-sm text-gray-500">Email</p>
184
+ <p class="font-medium">john.doe@example.com</p>
185
  </div>
186
  <div>
187
+ <p class="text-sm text-gray-500">Phone</p>
188
+ <p class="font-medium">+1.5551234567</p>
189
+ </div>
190
+ <div>
191
+ <p class="text-sm text-gray-500">Address</p>
192
+ <p class="font-medium">123 Main St, San Francisco, CA 94107, US</p>
193
  </div>
194
  </div>
195
  </div>
196
  </div>
 
 
 
 
 
197
 
198
+ <!-- Quick Actions -->
199
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
200
+ <button onclick="showDeployModal()" class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
201
+ <i class="fas fa-plus-circle text-3xl text-blue-500 mb-2"></i>
202
+ <h3 class="font-bold">Ajouter un domaine</h3>
203
+ </button>
204
+ <button class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
205
+ <i class="fas fa-cog text-3xl text-purple-500 mb-2"></i>
206
+ <h3 class="font-bold">Configurer DNS</h3>
207
+ </button>
208
+ <button class="bg-white border border-gray-200 rounded-xl p-4 text-center hover:bg-gray-50 transition duration-200">
209
+ <i class="fas fa-shield-alt text-3xl text-green-500 mb-2"></i>
210
+ <h3 class="font-bold">Renouveler SSL</h3>
211
+ </button>
212
+ </div>
213
+
214
+ <!-- Active Domains -->
215
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
216
+ <div class="flex justify-between items-center mb-6">
217
+ <h2 class="text-xl font-bold">Vos domaines actifs</h2>
218
+ <button class="text-blue-500 hover:text-blue-700">
219
+ <i class="fas fa-sync-alt mr-1"></i> Actualiser
220
+ </button>
221
  </div>
222
+ <div class="overflow-x-auto">
223
+ <table class="min-w-full divide-y divide-gray-200">
224
+ <thead class="bg-gray-50">
225
+ <tr>
226
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Domaine</th>
227
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
228
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Expiration</th>
229
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
230
+ </tr>
231
+ </thead>
232
+ <tbody class="bg-white divide-y divide-gray-200">
233
+ <tr>
234
+ <td class="px-6 py-4 whitespace-nowrap">
235
+ <div class="flex items-center">
236
+ <i class="fas fa-globe text-blue-500 mr-3"></i>
237
+ <span class="font-medium">example.com</span>
238
+ </div>
239
+ </td>
240
+ <td class="px-6 py-4 whitespace-nowrap">
241
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
242
+ </td>
243
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15/06/2024</td>
244
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
245
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
246
+ <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
247
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
248
+ </td>
249
+ </tr>
250
+ <tr>
251
+ <td class="px-6 py-4 whitespace-nowrap">
252
+ <div class="flex items-center">
253
+ <i class="fas fa-globe text-blue-500 mr-3"></i>
254
+ <span class="font-medium">mon-site.fr</span>
255
+ </div>
256
+ </td>
257
+ <td class="px-6 py-4 whitespace-nowrap">
258
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Actif</span>
259
+ </td>
260
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22/09/2023</td>
261
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
262
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
263
+ <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
264
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
265
+ </td>
266
+ </tr>
267
+ <tr>
268
+ <td class="px-6 py-4 whitespace-nowrap">
269
+ <div class="flex items-center">
270
+ <i class="fas fa-globe text-blue-500 mr-3"></i>
271
+ <span class="font-medium">test.io</span>
272
+ </div>
273
+ </td>
274
+ <td class="px-6 py-4 whitespace-nowrap">
275
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">En attente</span>
276
+ </td>
277
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">30/11/2023</td>
278
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
279
+ <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
280
+ <button class="text-green-600 hover:text-green-900 mr-3"><i class="fas fa-edit"></i></button>
281
+ <button class="text-red-600 hover:text-red-900"><i class="fas fa-trash-alt"></i></button>
282
+ </td>
283
+ </tr>
284
+ </tbody>
285
+ </table>
286
  </div>
287
+ </div>
288
+
289
+ <!-- Payment History -->
290
+ <div class="bg-white rounded-xl shadow-sm p-6">
291
+ <h2 class="text-xl font-bold mb-6">Historique des paiements</h2>
292
+ <div class="overflow-x-auto">
293
+ <table class="min-w-full divide-y divide-gray-200">
294
+ <thead class="bg-gray-50">
295
+ <tr>
296
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Date</th>
297
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Description</th>
298
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Méthode</th>
299
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Montant</th>
300
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Statut</th>
301
+ </tr>
302
+ </thead>
303
+ <tbody class="bg-white divide-y divide-gray-200">
304
+ <tr>
305
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">15/06/2023</td>
306
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Renouvellement domaine example.com</td>
307
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
308
+ <i class="fab fa-cc-paypal text-blue-500 mr-1"></i> PayPal
309
+ </td>
310
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$14.99</td>
311
+ <td class="px-6 py-4 whitespace-nowrap">
312
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
313
+ </td>
314
+ </tr>
315
+ <tr>
316
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">10/05/2023</td>
317
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Enregistrement mon-site.fr</td>
318
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
319
+ <i class="fab fa-cc-stripe text-purple-500 mr-1"></i> Stripe
320
+ </td>
321
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$9.99</td>
322
+ <td class="px-6 py-4 whitespace-nowrap">
323
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
324
+ </td>
325
+ </tr>
326
+ <tr>
327
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">22/04/2023</td>
328
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">Pack Premium SSL</td>
329
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
330
+ <i class="fab fa-cc-paypal text-blue-500 mr-1"></i> PayPal
331
+ </td>
332
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">$29.99</td>
333
+ <td class="px-6 py-4 whitespace-nowrap">
334
+ <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Complété</span>
335
+ </td>
336
+ </tr>
337
+ </tbody>
338
+ </table>
339
  </div>
340
  </div>
341
  </div>
342
 
343
+ <!-- Sidebar -->
344
+ <div class="lg:w-1/4">
345
+ <!-- Payment Methods -->
346
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
347
+ <h2 class="text-xl font-bold mb-4">Méthodes de paiement</h2>
348
+
349
+ <div class="space-y-3 mb-6">
350
+ <div class="payment-method bg-white border border-gray-200 rounded-lg p-4 cursor-pointer selected">
351
+ <div class="flex items-center">
352
+ <div class="mr-3">
353
+ <i class="fab fa-cc-stripe text-3xl text-purple-500"></i>
354
+ </div>
355
+ <div>
356
+ <h3 class="font-medium">Stripe</h3>
357
+ <p class="text-sm text-gray-500">Carte se terminant par 4242</p>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ <div class="payment-method bg-white border border-gray-200 rounded-lg p-4 cursor-pointer">
362
+ <div class="flex items-center">
363
+ <div class="mr-3">
364
+ <i class="fab fa-cc-paypal text-3xl text-blue-500"></i>
365
+ </div>
366
+ <div>
367
+ <h3 class="font-medium">PayPal</h3>
368
+ <p class="text-sm text-gray-500">john.doe@example.com</p>
369
+ </div>
370
+ </div>
371
+ </div>
372
+ </div>
373
+
374
+ <button class="w-full bg-gray-100 text-gray-700 py-2 px-4 rounded-lg hover:bg-gray-200 transition duration-200">
375
+ <i class="fas fa-plus mr-2"></i> Ajouter une méthode
376
+ </button>
377
+ </div>
378
+
379
+ <!-- Quick Stats -->
380
+ <div class="bg-white rounded-xl shadow-sm p-6 mb-8">
381
+ <h2 class="text-xl font-bold mb-4">Statistiques rapides</h2>
382
+ <div class="space-y-4">
383
+ <div>
384
+ <p class="text-sm text-gray-500">Prochain paiement</p>
385
+ <p class="font-medium">$14.99 - 15/09/2023</p>
386
+ </div>
387
+ <div>
388
+ <p class="text-sm text-gray-500">Solde actuel</p>
389
+ <p class="font-medium text-green-500">$45.67</p>
390
+ </div>
391
+ <div>
392
+ <p class="text-sm text-gray-500">Dépenses ce mois-ci</p>
393
+ <p class="font-medium">$24.98</p>
394
+ </div>
395
+ </div>
396
+ </div>
397
+
398
+ <!-- Support -->
399
+ <div class="bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl p-6 text-white">
400
+ <h2 class="text-xl font-bold mb-2">Besoin d'aide?</h2>
401
+ <p class="mb-4">Notre équipe est disponible 24/7 pour répondre à vos questions</p>
402
+ <button class="w-full bg-white text-blue-600 py-2 px-4 rounded-lg hover:bg-gray-100 transition duration-200">
403
+ <i class="fas fa-headset mr-2"></i> Contacter le support
404
+ </button>
405
+ </div>
406
  </div>
407
  </div>
408
  </div>
 
786
  </li>
787
  <li class="flex items-center">
788
  <i class="fas fa-check text-green-500 mr-2"></i>
789
+ <span DNS Ultra-Rapide</span>
790
  </li>
791
  <li class="flex items-center">
792
  <i class="fas fa-check text-green-500 mr-2"></i>
 
879
  </div>
880
  <div>
881
  <label class="block text-gray-700 text-sm mb-2">Extension</label>
882
+ <select id="domain-extension" class="w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-blue-500">
883
+ <option>.com</option>
884
+ <option>.fr</option>
885
+ <option>.net</option>
886
+ <option>.io</option>
887
+ <option>.org</option>
888
+ </select>
889
+ </div>
890
+ <div>
891
+ <label class="block text-gray-700 text-sm mb-2">Disponibilité</label>
892
+ <button onclick="checkDomain()" class="w-full bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 transition duration-200">
893
+ <i class="fas fa-search mr-2"></i> Vérifier
894
+ </button>
895
+ </div>
896
+ </div>
897
+ <div id="domain-result" class="hidden mt-4 p-3 rounded-lg text-sm"></div>
898
+ </div>
899
+
900
+ <!-- Step 2: Configuration -->
901
+ <div class="border-b pb-6">
902
+ <h4 class="font-bold text-lg mb-4 flex items-center">
903
+ <span class="w-8 h-8 bg-blue-500 rounded-full text-white flex items-center justify-center mr-3">2</span>
904
+ Configuration Automatique
905
+ </h4>
906
+ <div class="space-y-4">
907
+ <div class="flex items-center">
908
+ <input type="checkbox" id="auto-ssl" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500" checked>
909
+ <label for="auto-ssl" class="ml-2 text-gray-700">Activer SSL Automatique (Let's Encrypt)</label>
910
+ </div>
911
+ <div class="flex items-center">
912
+ <input type="checkbox" id="auto-dns" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500" checked>
913
+ <label for="auto-dns" class="ml-2 text-gray-700">Configurer DNS Ultra-Rapide</label>
914
+ </div>
915
+ <div class="flex items-center">
916
+ <input type="checkbox" id="auto-google" class="w-5 h-5 text-blue-600 rounded focus:ring-blue-500">
917
+ <label for="auto-google" class="ml-2 text-gray-700">Intégration Google (Analytics, Search Console)</label>
918
+ </div>
919
+ </div>
920
+ </div>
921
+
922
+ <!-- Step 3: Deploy -->
923
+ <div>
924
+ <h4 class="font-bold text-lg mb-4 flex items-center">
925
+ <span class="w-8 h-8 bg-blue-500 rounded-full text-white flex items-center justify-center mr-3">3</span>
926
+ Déploiement
927
+ </h4>
928
+ <p class="text-gray-600 mb-4">
929
+ Confirmez le déploiement automatisé de votre infrastructure web complète.
930
+ </p>
931
+ <div class="flex justify-end space-x-3">
932
+ <button onclick="hideDeployModal()" class="bg-gray-200 text-gray-800 py-2 px-6 rounded-lg hover:bg-gray-300 transition duration-200">
933
+ Annuler
934
+ </button>
935
+ <button onclick="deployInfrastructure()" class="bg-blue-600 text-white py-2 px-6 rounded-lg hover:bg-blue-700 transition duration-200">
936
+ <i class="fas fa-bolt mr-2"></i> Déployer maintenant
937
+ </button>
938
+ </div>
939
+ </div>
940
  </div>
941
  </div>
942
  </div>
 
951
  </div>
952
 
953
  <div class="space-y-4 mb-6">
954
+ <div class="flex items-center justify between">
955
  <span class="font-medium">Enregistrement du domaine</span>
956
  <span id="domain-status" class="text-gray-500">En attente...</span>
957
  </div>
prompts.txt CHANGED
@@ -15,4 +15,5 @@ active toutes bouton , recongigue
15
  activer les bouton
16
  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@
17
  Infrastructure Web Automatisée en 1 Click Enregistrement instantané de domaine, déploiement SSL, DNS ultra-rapide et intégration Google - le tout automatisé 24h/24 et 7j/7 avec propagation mondiale en secondes.
18
- ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat
 
 
15
  activer les bouton
16
  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@
17
  Infrastructure Web Automatisée en 1 Click Enregistrement instantané de domaine, déploiement SSL, DNS ultra-rapide et intégration Google - le tout automatisé 24h/24 et 7j/7 avec propagation mondiale en secondes.
18
+ ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat
19
+ Domain Information Registrar Information: Registrant Contact