Hugging Face's logo

Spaces:
docto41
/
mega-ai
Running

App Files Community
docto41 commited on
Commit
6d03645
·
verified ·
1 Parent(s): 4bd4d17

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +626 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mega Ai
3
- emoji: 📈
4
- colorFrom: pink
5
- colorTo: indigo
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: mega-ai
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: purple
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,626 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>MegaAI Website Generator - The Most Powerful Website Creation Platform</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 0%, #a777e3 100%);
12
+ }
13
+ .ai-grid {
14
+ display: grid;
15
+ grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
16
+ gap: 1.5rem;
17
+ }
18
+ .ai-card:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
21
+ }
22
+ .dashboard-nav {
23
+ height: calc(100vh - 4rem);
24
+ }
25
+ .preview-frame {
26
+ border: 1px solid #e5e7eb;
27
+ border-radius: 0.5rem;
28
+ height: 500px;
29
+ background: white;
30
+ }
31
+ .loading-spinner {
32
+ animation: spin 1s linear infinite;
33
+ }
34
+ @keyframes spin {
35
+ 0% { transform: rotate(0deg); }
36
+ 100% { transform: rotate(360deg); }
37
+ }
38
+ .domain-checker-input {
39
+ border-top-right-radius: 0;
40
+ border-bottom-right-radius: 0;
41
+ }
42
+ .domain-checker-btn {
43
+ border-top-left-radius: 0;
44
+ border-bottom-left-radius: 0;
45
+ }
46
+ </style>
47
+ </head>
48
+ <body class="bg-gray-50 font-sans">
49
+ <!-- Navigation -->
50
+ <nav class="gradient-bg text-white shadow-lg">
51
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
52
+ <div class="flex items-center space-x-2">
53
+ <i class="fas fa-robot text-3xl"></i>
54
+ <span class="text-2xl font-bold">MegaAI</span>
55
+ </div>
56
+ <div class="hidden md:flex space-x-6">
57
+ <a href="#" class="hover:text-gray-200">Features</a>
58
+ <a href="#" class="hover:text-gray-200">Pricing</a>
59
+ <a href="#" class="hover:text-gray-200">Templates</a>
60
+ <a href="#" class="hover:text-gray-200">Resources</a>
61
+ </div>
62
+ <div class="flex items-center space-x-4">
63
+ <a href="#" class="hover:text-gray-200">Login</a>
64
+ <a href="#" class="bg-white text-purple-600 px-4 py-2 rounded-full font-medium hover:bg-gray-100 transition">Sign Up Free</a>
65
+ </div>
66
+ </div>
67
+ </nav>
68
+
69
+ <!-- Hero Section -->
70
+ <section class="gradient-bg text-white py-20">
71
+ <div class="container mx-auto px-4 text-center">
72
+ <h1 class="text-5xl md:text-6xl font-bold mb-6">The World's Most Powerful AI Website Generator</h1>
73
+ <p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto">Describe your vision, and our network of 100,000 specialized AIs will build your perfect website with domain, hosting, SSL and everything included.</p>
74
+ <div class="flex flex-col md:flex-row justify-center max-w-2xl mx-auto">
75
+ <input type="text" placeholder="Describe the website you want to create..." class="px-6 py-4 rounded-l-full w-full text-gray-800 focus:outline-none">
76
+ <button class="bg-purple-800 hover:bg-purple-900 text-white px-8 py-4 rounded-r-full font-bold transition mt-2 md:mt-0 md:ml-2">Generate Now</button>
77
+ </div>
78
+ <div class="mt-8 flex justify-center space-x-4">
79
+ <div class="flex items-center">
80
+ <i class="fas fa-check-circle mr-2"></i>
81
+ <span>Free SSL</span>
82
+ </div>
83
+ <div class="flex items-center">
84
+ <i class="fas fa-check-circle mr-2"></i>
85
+ <span>Domain Registration</span>
86
+ </div>
87
+ <div class="flex items-center">
88
+ <i class="fas fa-check-circle mr-2"></i>
89
+ <span>AI Hosting</span>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </section>
94
+
95
+ <!-- AI Network Section -->
96
+ <section class="py-16 bg-white">
97
+ <div class="container mx-auto px-4">
98
+ <div class="text-center mb-16">
99
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Powered by 100,000 Specialized AIs</h2>
100
+ <p class="text-gray-600 max-w-2xl mx-auto">Our AI network combines expertise in design, development, SEO, and more to deliver perfect websites in minutes.</p>
101
+ </div>
102
+
103
+ <div class="ai-grid">
104
+ <!-- AI Card 1 -->
105
+ <div class="ai-card bg-white p-6 rounded-xl shadow-md transition duration-300">
106
+ <div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mb-4">
107
+ <i class="fas fa-paint-brush text-purple-600 text-2xl"></i>
108
+ </div>
109
+ <h3 class="text-xl font-bold mb-2">Design AI</h3>
110
+ <p class="text-gray-600">Specialized in creating visually stunning layouts that match your brand identity.</p>
111
+ <div class="mt-4 flex items-center text-sm text-purple-600">
112
+ <span>5,200 AIs</span>
113
+ <div class="ml-2 w-2 h-2 bg-purple-600 rounded-full animate-pulse"></div>
114
+ </div>
115
+ </div>
116
+
117
+ <!-- AI Card 2 -->
118
+ <div class="ai-card bg-white p-6 rounded-xl shadow-md transition duration-300">
119
+ <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4">
120
+ <i class="fas fa-code text-blue-600 text-2xl"></i>
121
+ </div>
122
+ <h3 class="text-xl font-bold mb-2">Development AI</h3>
123
+ <p class="text-gray-600">Builds clean, optimized code with perfect functionality for any requirement.</p>
124
+ <div class="mt-4 flex items-center text-sm text-blue-600">
125
+ <span>8,750 AIs</span>
126
+ <div class="ml-2 w-2 h-2 bg-blue-600 rounded-full animate-pulse"></div>
127
+ </div>
128
+ </div>
129
+
130
+ <!-- AI Card 3 -->
131
+ <div class="ai-card bg-white p-6 rounded-xl shadow-md transition duration-300">
132
+ <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4">
133
+ <i class="fas fa-search text-green-600 text-2xl"></i>
134
+ </div>
135
+ <h3 class="text-xl font-bold mb-2">SEO AI</h3>
136
+ <p class="text-gray-600">Optimizes every aspect of your site for maximum search engine visibility.</p>
137
+ <div class="mt-4 flex items-center text-sm text-green-600">
138
+ <span>3,450 AIs</span>
139
+ <div class="ml-2 w-2 h-2 bg-green-600 rounded-full animate-pulse"></div>
140
+ </div>
141
+ </div>
142
+
143
+ <!-- AI Card 4 -->
144
+ <div class="ai-card bg-white p-6 rounded-xl shadow-md transition duration-300">
145
+ <div class="w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4">
146
+ <i class="fas fa-shield-alt text-red-600 text-2xl"></i>
147
+ </div>
148
+ <h3 class="text-xl font-bold mb-2">Security AI</h3>
149
+ <p class="text-gray-600">Automatically implements SSL, firewalls, and security best practices.</p>
150
+ <div class="mt-4 flex items-center text-sm text-red-600">
151
+ <span>2,800 AIs</span>
152
+ <div class="ml-2 w-2 h-2 bg-red-600 rounded-full animate-pulse"></div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ </div>
157
+ </section>
158
+
159
+ <!-- Domain & Hosting Section -->
160
+ <section class="py-16 bg-gray-100">
161
+ <div class="container mx-auto px-4">
162
+ <div class="text-center mb-12">
163
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Complete Website Solution</h2>
164
+ <p class="text-gray-600 max-w-2xl mx-auto">From domain registration to hosting and security - we handle everything.</p>
165
+ </div>
166
+
167
+ <div class="flex flex-col lg:flex-row gap-8">
168
+ <!-- Domain Registration -->
169
+ <div class="flex-1 bg-white p-8 rounded-xl shadow-md">
170
+ <div class="flex items-center mb-6">
171
+ <div class="w-12 h-12 bg-purple-100 rounded-full flex items-center justify-center mr-4">
172
+ <i class="fas fa-globe text-purple-600 text-xl"></i>
173
+ </div>
174
+ <h3 class="text-xl font-bold">Domain Registration</h3>
175
+ </div>
176
+
177
+ <div class="mb-6">
178
+ <div class="flex">
179
+ <input type="text" placeholder="Find your perfect domain" class="domain-checker-input px-4 py-3 border border-gray-300 rounded-l-lg w-full focus:outline-none focus:ring-2 focus:ring-purple-500">
180
+ <button class="domain-checker-btn bg-purple-600 text-white px-6 py-3 font-medium rounded-r-lg hover:bg-purple-700 transition">Search</button>
181
+ </div>
182
+ </div>
183
+
184
+ <div class="space-y-4">
185
+ <div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
186
+ <div>
187
+ <span class="font-medium">yourbrand.com</span>
188
+ <span class="text-sm text-gray-500 ml-2">$12.99/yr</span>
189
+ </div>
190
+ <button class="text-sm bg-purple-600 text-white px-3 py-1 rounded hover:bg-purple-700 transition">Add</button>
191
+ </div>
192
+ <div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
193
+ <div>
194
+ <span class="font-medium">yourbrand.net</span>
195
+ <span class="text-sm text-gray-500 ml-2">$10.99/yr</span>
196
+ </div>
197
+ <button class="text-sm bg-purple-600 text-white px-3 py-1 rounded hover:bg-purple-700 transition">Add</button>
198
+ </div>
199
+ <div class="flex justify-between items-center p-3 bg-gray-50 rounded-lg">
200
+ <div>
201
+ <span class="font-medium">yourbrand.ai</span>
202
+ <span class="text-sm text-gray-500 ml-2">$24.99/yr</span>
203
+ </div>
204
+ <button class="text-sm bg-purple-600 text-white px-3 py-1 rounded hover:bg-purple-700 transition">Add</button>
205
+ </div>
206
+ </div>
207
+ </div>
208
+
209
+ <!-- Hosting & SSL -->
210
+ <div class="flex-1 bg-white p-8 rounded-xl shadow-md">
211
+ <div class="flex items-center mb-6">
212
+ <div class="w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center mr-4">
213
+ <i class="fas fa-server text-blue-600 text-xl"></i>
214
+ </div>
215
+ <h3 class="text-xl font-bold">AI-Powered Hosting</h3>
216
+ </div>
217
+
218
+ <div class="mb-6 p-4 bg-blue-50 rounded-lg">
219
+ <div class="flex items-center">
220
+ <i class="fas fa-bolt text-blue-500 mr-3"></i>
221
+ <div>
222
+ <h4 class="font-medium">Auto-Scaling Performance</h4>
223
+ <p class="text-sm text-gray-600">Your site automatically scales to handle any traffic spike</p>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <div class="mb-6 p-4 bg-green-50 rounded-lg">
229
+ <div class="flex items-center">
230
+ <i class="fas fa-lock text-green-500 mr-3"></i>
231
+ <div>
232
+ <h4 class="font-medium">Free SSL Certificate</h4>
233
+ <p class="text-sm text-gray-600">Automatic HTTPS encryption for all your websites</p>
234
+ </div>
235
+ </div>
236
+ </div>
237
+
238
+ <div class="mb-6 p-4 bg-purple-50 rounded-lg">
239
+ <div class="flex items-center">
240
+ <i class="fas fa-robot text-purple-500 mr-3"></i>
241
+ <div>
242
+ <h4 class="font-medium">AI Optimization</h4>
243
+ <p class="text-sm text-gray-600">Continuous performance monitoring and automatic improvements</p>
244
+ </div>
245
+ </div>
246
+ </div>
247
+
248
+ <div class="bg-gray-100 p-4 rounded-lg">
249
+ <div class="flex justify-between items-center">
250
+ <div>
251
+ <h4 class="font-medium">AI Hosting Plan</h4>
252
+ <p class="text-sm text-gray-600">Includes unlimited bandwidth and storage</p>
253
+ </div>
254
+ <span class="font-bold text-lg">$9.99/mo</span>
255
+ </div>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ </section>
261
+
262
+ <!-- Website Creation Demo -->
263
+ <section class="py-16 bg-white">
264
+ <div class="container mx-auto px-4">
265
+ <div class="text-center mb-12">
266
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Create Your Website in Minutes</h2>
267
+ <p class="text-gray-600 max-w-2xl mx-auto">Watch how our AI transforms your description into a fully functional website.</p>
268
+ </div>
269
+
270
+ <div class="flex flex-col lg:flex-row gap-8">
271
+ <!-- Input Panel -->
272
+ <div class="lg:w-1/3 bg-gray-50 p-6 rounded-xl">
273
+ <h3 class="text-xl font-bold mb-4">Describe Your Website</h3>
274
+
275
+ <div class="mb-6">
276
+ <label class="block text-gray-700 mb-2">Website Type</label>
277
+ <select class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
278
+ <option>Business Website</option>
279
+ <option>E-commerce Store</option>
280
+ <option>Portfolio</option>
281
+ <option>Blog</option>
282
+ <option>Landing Page</option>
283
+ <option>Other</option>
284
+ </select>
285
+ </div>
286
+
287
+ <div class="mb-6">
288
+ <label class="block text-gray-700 mb-2">Style Preference</label>
289
+ <div class="flex flex-wrap gap-2">
290
+ <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Modern</button>
291
+ <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Minimal</button>
292
+ <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Bold</button>
293
+ <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Elegant</button>
294
+ <button class="px-3 py-1 bg-gray-200 rounded-full text-sm hover:bg-gray-300">Creative</button>
295
+ </div>
296
+ </div>
297
+
298
+ <div class="mb-6">
299
+ <label class="block text-gray-700 mb-2">Color Scheme</label>
300
+ <div class="flex gap-2">
301
+ <div class="w-8 h-8 rounded-full bg-purple-600 cursor-pointer border-2 border-white shadow"></div>
302
+ <div class="w-8 h-8 rounded-full bg-blue-600 cursor-pointer"></div>
303
+ <div class="w-8 h-8 rounded-full bg-green-600 cursor-pointer"></div>
304
+ <div class="w-8 h-8 rounded-full bg-red-600 cursor-pointer"></div>
305
+ <div class="w-8 h-8 rounded-full bg-yellow-500 cursor-pointer"></div>
306
+ </div>
307
+ </div>
308
+
309
+ <div class="mb-6">
310
+ <label class="block text-gray-700 mb-2">Describe Your Needs</label>
311
+ <textarea class="w-full px-4 py-2 border border-gray-300 rounded-lg h-32 focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="I need a modern business website for my digital marketing agency. It should have a services page, portfolio section, about us, and contact form. Our brand colors are purple and white..."></textarea>
312
+ </div>
313
+
314
+ <button class="w-full bg-purple-600 text-white py-3 rounded-lg font-medium hover:bg-purple-700 transition flex items-center justify-center">
315
+ <i class="fas fa-magic mr-2"></i>
316
+ Generate Website
317
+ </button>
318
+ </div>
319
+
320
+ <!-- Preview Panel -->
321
+ <div class="lg:w-2/3">
322
+ <div class="flex justify-between items-center mb-4">
323
+ <h3 class="text-xl font-bold">AI Generated Preview</h3>
324
+ <div class="flex space-x-2">
325
+ <button class="px-3 py-1 bg-gray-200 rounded-lg text-sm">Desktop</button>
326
+ <button class="px-3 py-1 bg-gray-200 rounded-lg text-sm">Tablet</button>
327
+ <button class="px-3 py-1 bg-gray-200 rounded-lg text-sm">Mobile</button>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="preview-frame relative overflow-hidden">
332
+ <div class="absolute inset-0 flex items-center justify-center">
333
+ <div class="text-center">
334
+ <div class="loading-spinner inline-block w-12 h-12 border-4 border-purple-500 border-t-transparent rounded-full mb-4"></div>
335
+ <p class="text-gray-600">100,000 AIs are working on your website</p>
336
+ <p class="text-sm text-gray-500 mt-2">Estimated time: 47 seconds</p>
337
+ </div>
338
+ </div>
339
+ </div>
340
+
341
+ <div class="mt-4 flex justify-between">
342
+ <button class="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-100">
343
+ <i class="fas fa-redo mr-2"></i> Regenerate
344
+ </button>
345
+ <div class="space-x-2">
346
+ <button class="px-4 py-2 bg-gray-200 rounded-lg hover:bg-gray-300">
347
+ <i class="fas fa-edit mr-2"></i> Customize
348
+ </button>
349
+ <button class="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700">
350
+ <i class="fas fa-rocket mr-2"></i> Publish
351
+ </button>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </section>
358
+
359
+ <!-- Dashboard Preview -->
360
+ <section class="py-16 bg-gray-100">
361
+ <div class="container mx-auto px-4">
362
+ <div class="text-center mb-12">
363
+ <h2 class="text-3xl md:text-4xl font-bold mb-4">Complete Website Management</h2>
364
+ <p class="text-gray-600 max-w-2xl mx-auto">Control every aspect of your website from our intuitive dashboard.</p>
365
+ </div>
366
+
367
+ <div class="bg-white rounded-xl shadow-xl overflow-hidden">
368
+ <div class="flex">
369
+ <!-- Sidebar -->
370
+ <div class="w-64 bg-gray-900 text-white dashboard-nav p-4">
371
+ <div class="mb-8">
372
+ <div class="flex items-center space-x-2 mb-6">
373
+ <i class="fas fa-robot text-2xl text-purple-400"></i>
374
+ <span class="text-xl font-bold">MegaAI</span>
375
+ </div>
376
+ <div class="space-y-1">
377
+ <a href="#" class="block px-4 py-2 bg-gray-800 rounded-lg font-medium"><i class="fas fa-home mr-2"></i> Dashboard</a>
378
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-globe mr-2"></i> My Websites</a>
379
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-cog mr-2"></i> Settings</a>
380
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-chart-line mr-2"></i> Analytics</a>
381
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-envelope mr-2"></i> Email</a>
382
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-store mr-2"></i> E-commerce</a>
383
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-database mr-2"></i> Databases</a>
384
+ <a href="#" class="block px-4 py-2 hover:bg-gray-800 rounded-lg"><i class="fas fa-shield-alt mr-2"></i> Security</a>
385
+ </div>
386
+ </div>
387
+ <div class="mt-auto pt-4 border-t border-gray-800">
388
+ <div class="flex items-center space-x-3">
389
+ <div class="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center">
390
+ <i class="fas fa-user"></i>
391
+ </div>
392
+ <div>
393
+ <div class="font-medium">John Doe</div>
394
+ <div class="text-xs text-gray-400">Admin</div>
395
+ </div>
396
+ </div>
397
+ </div>
398
+ </div>
399
+
400
+ <!-- Main Content -->
401
+ <div class="flex-1 p-8">
402
+ <div class="flex justify-between items-center mb-8">
403
+ <h3 class="text-2xl font-bold">Website Management</h3>
404
+ <button class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700">
405
+ <i class="fas fa-plus mr-2"></i> New Website
406
+ </button>
407
+ </div>
408
+
409
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
410
+ <!-- Website Card 1 -->
411
+ <div class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition">
412
+ <div class="flex justify-between mb-3">
413
+ <h4 class="font-bold">MyBusiness.com</h4>
414
+ <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Live</span>
415
+ </div>
416
+ <div class="h-32 bg-gray-100 rounded mb-3 flex items-center justify-center">
417
+ <i class="fas fa-image text-gray-300 text-3xl"></i>
418
+ </div>
419
+ <div class="flex justify-between text-sm text-gray-600">
420
+ <div>
421
+ <i class="fas fa-globe mr-1"></i>
422
+ <span>12,345 visits</span>
423
+ </div>
424
+ <div class="space-x-2">
425
+ <button class="text-purple-600 hover:text-purple-800">
426
+ <i class="fas fa-cog"></i>
427
+ </button>
428
+ <button class="text-purple-600 hover:text-purple-800">
429
+ <i class="fas fa-edit"></i>
430
+ </button>
431
+ </div>
432
+ </div>
433
+ </div>
434
+
435
+ <!-- Website Card 2 -->
436
+ <div class="border border-gray-200 rounded-lg p-4 hover:shadow-md transition">
437
+ <div class="flex justify-between mb-3">
438
+ <h4 class="font-bold">MyShop.com</h4>
439
+ <span class="text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded">Draft</span>
440
+ </div>
441
+ <div class="h-32 bg-gray-100 rounded mb-3 flex items-center justify-center">
442
+ <i class="fas fa-image text-gray-300 text-3xl"></i>
443
+ </div>
444
+ <div class="flex justify-between text-sm text-gray-600">
445
+ <div>
446
+ <i class="fas fa-globe mr-1"></i>
447
+ <span>Not published</span>
448
+ </div>
449
+ <div class="space-x-2">
450
+ <button class="text-purple-600 hover:text-purple-800">
451
+ <i class="fas fa-cog"></i>
452
+ </button>
453
+ <button class="text-purple-600 hover:text-purple-800">
454
+ <i class="fas fa-edit"></i>
455
+ </button>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </div>
460
+
461
+ <!-- Domain & Hosting Section -->
462
+ <div class="bg-gray-50 p-6 rounded-lg">
463
+ <h4 class="font-bold text-lg mb-4">Domain & Hosting</h4>
464
+ <div class="space-y-4">
465
+ <div class="flex justify-between items-center p-3 bg-white rounded-lg shadow-sm">
466
+ <div class="flex items-center">
467
+ <i class="fas fa-globe text-purple-600 mr-3"></i>
468
+ <div>
469
+ <div class="font-medium">mybusiness.com</div>
470
+ <div class="text-sm text-gray-600">Expires: 2024-12-15</div>
471
+ </div>
472
+ </div>
473
+ <button class="text-sm bg-purple-600 text-white px-3 py-1 rounded hover:bg-purple-700">Renew</button>
474
+ </div>
475
+ <div class="flex justify-between items-center p-3 bg-white rounded-lg shadow-sm">
476
+ <div class="flex items-center">
477
+ <i class="fas fa-server text-blue-600 mr-3"></i>
478
+ <div>
479
+ <div class="font-medium">AI Hosting Pro</div>
480
+ <div class="text-sm text-gray-600">Next billing: 2023-11-01</div>
481
+ </div>
482
+ </div>
483
+ <button class="text-sm bg-blue-600 text-white px-3 py-1 rounded hover:bg-blue-700">Manage</button>
484
+ </div>
485
+ <div class="flex justify-between items-center p-3 bg-white rounded-lg shadow-sm">
486
+ <div class="flex items-center">
487
+ <i class="fas fa-lock text-green-600 mr-3"></i>
488
+ <div>
489
+ <div class="font-medium">SSL Certificate</div>
490
+ <div class="text-sm text-gray-600">Active (Auto-renewal enabled)</div>
491
+ </div>
492
+ </div>
493
+ <button class="text-sm bg-green-600 text-white px-3 py-1 rounded hover:bg-green-700">Details</button>
494
+ </div>
495
+ </div>
496
+ </div>
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 md:text-4xl font-bold mb-6">Ready to Build Your Perfect Website?</h2>
507
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Join thousands of businesses creating stunning websites with our AI technology.</p>
508
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
509
+ <button class="bg-white text-purple-600 px-8 py-4 rounded-full font-bold hover:bg-gray-100 transition">Start Free Trial</button>
510
+ <button class="border-2 border-white px-8 py-4 rounded-full font-bold hover:bg-white hover:text-purple-600 transition">See Live Demo</button>
511
+ </div>
512
+ </div>
513
+ </section>
514
+
515
+ <!-- Footer -->
516
+ <footer class="bg-gray-900 text-white py-12">
517
+ <div class="container mx-auto px-4">
518
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
519
+ <div>
520
+ <div class="flex items-center space-x-2 mb-4">
521
+ <i class="fas fa-robot text-2xl text-purple-400"></i>
522
+ <span class="text-xl font-bold">MegaAI</span>
523
+ </div>
524
+ <p class="text-gray-400">The world's most powerful AI website generator with complete hosting solution.</p>
525
+ </div>
526
+ <div>
527
+ <h4 class="font-bold text-lg mb-4">Product</h4>
528
+ <ul class="space-y-2">
529
+ <li><a href="#" class="text-gray-400 hover:text-white">Features</a></li>
530
+ <li><a href="#" class="text-gray-400 hover:text-white">Pricing</a></li>
531
+ <li><a href="#" class="text-gray-400 hover:text-white">Templates</a></li>
532
+ <li><a href="#" class="text-gray-400 hover:text-white">Integrations</a></li>
533
+ </ul>
534
+ </div>
535
+ <div>
536
+ <h4 class="font-bold text-lg mb-4">Resources</h4>
537
+ <ul class="space-y-2">
538
+ <li><a href="#" class="text-gray-400 hover:text-white">Documentation</a></li>
539
+ <li><a href="#" class="text-gray-400 hover:text-white">Tutorials</a></li>
540
+ <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
541
+ <li><a href="#" class="text-gray-400 hover:text-white">Support</a></li>
542
+ </ul>
543
+ </div>
544
+ <div>
545
+ <h4 class="font-bold text-lg mb-4">Company</h4>
546
+ <ul class="space-y-2">
547
+ <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
548
+ <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
549
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
550
+ <li><a href="#" class="text-gray-400 hover:text-white">Legal</a></li>
551
+ </ul>
552
+ </div>
553
+ </div>
554
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
555
+ <p class="text-gray-400 mb-4 md:mb-0">© 2023 MegaAI. All rights reserved.</p>
556
+ <div class="flex space-x-6">
557
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
558
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
559
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
560
+ <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin"></i></a>
561
+ </div>
562
+ </div>
563
+ </div>
564
+ </footer>
565
+
566
+ <script>
567
+ // Simple animation for the AI cards
568
+ document.addEventListener('DOMContentLoaded', function() {
569
+ const aiCards = document.querySelectorAll('.ai-card');
570
+
571
+ aiCards.forEach((card, index) => {
572
+ // Add delay based on index for staggered animation
573
+ card.style.transitionDelay = `${index * 0.1}s`;
574
+ });
575
+
576
+ // Simulate domain search
577
+ const domainSearchBtn = document.querySelector('.domain-checker-btn');
578
+ if (domainSearchBtn) {
579
+ domainSearchBtn.addEventListener('click', function() {
580
+ const input = document.querySelector('.domain-checker-input');
581
+ if (input && input.value.trim() !== '') {
582
+ alert(`Searching for domains containing: ${input.value}`);
583
+ // In a real app, this would trigger an API call
584
+ }
585
+ });
586
+ }
587
+
588
+ // Simulate website generation
589
+ const generateBtn = document.querySelector('button:contains("Generate Now")');
590
+ if (generateBtn) {
591
+ generateBtn.addEventListener('click', function() {
592
+ const previewFrame = document.querySelector('.preview-frame');
593
+ if (previewFrame) {
594
+ // Show loading state
595
+ previewFrame.innerHTML = `
596
+ <div class="absolute inset-0 flex items-center justify-center">
597
+ <div class="text-center">
598
+ <div class="loading-spinner inline-block w-12 h-12 border-4 border-purple-500 border-t-transparent rounded-full mb-4"></div>
599
+ <p class="text-gray-600">100,000 AIs are working on your website</p>
600
+ <p class="text-sm text-gray-500 mt-2">Estimated time: 47 seconds</p>
601
+ </div>
602
+ </div>
603
+ `;
604
+
605
+ // Simulate generation completion after 5 seconds
606
+ setTimeout(() => {
607
+ previewFrame.innerHTML = `
608
+ <div class="absolute inset-0 flex items-center justify-center">
609
+ <div class="text-center p-4">
610
+ <i class="fas fa-check-circle text-green-500 text-5xl mb-4"></i>
611
+ <h3 class="text-xl font-bold mb-2">Website Generated!</h3>
612
+ <p class="text-gray-600 mb-4">Your website is ready to customize and publish.</p>
613
+ <button class="bg-purple-600 text-white px-6 py-2 rounded-lg hover:bg-purple-700">
614
+ View Website
615
+ </button>
616
+ </div>
617
+ </div>
618
+ `;
619
+ }, 5000);
620
+ }
621
+ });
622
+ }
623
+ });
624
+ </script>
625
+ <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/mega-ai" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
626
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ creer le plus puissant des armées d IA générateur de site seulement par description et visuel du site avec systeme enregistrement , dns , domain , ssl , serveur enregistrement dns le toutes le générateur de sites plus puissant avec ses 100000 d IA