Hugging Face's logo

Spaces:
docto41
/
hust-bee
Running

App Files Community
docto41 commited on
Commit
894ae2a
·
verified ·
1 Parent(s): 08faa18

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +679 -19
  3. prompts.txt +12 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Hust Bee
3
- emoji: 😻
4
- colorFrom: green
5
- colorTo: red
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: hust-bee
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: blue
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,679 @@
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>Hustbee – Premium Hosting & WHMCS Solutions</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
+ .hosting-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
+ .feature-icon {
18
+ transition: all 0.3s ease;
19
+ }
20
+ .feature-card:hover .feature-icon {
21
+ transform: scale(1.1);
22
+ color: #6e8efb;
23
+ }
24
+ .pulse {
25
+ animation: pulse 2s infinite;
26
+ }
27
+ @keyframes pulse {
28
+ 0% { box-shadow: 0 0 0 0 rgba(110, 142, 251, 0.7); }
29
+ 70% { box-shadow: 0 0 0 10px rgba(110, 142, 251, 0); }
30
+ 100% { box-shadow: 0 0 0 0 rgba(110, 142, 251, 0); }
31
+ }
32
+ </style>
33
+ </head>
34
+ <body class="font-sans antialiased text-gray-800">
35
+ <!-- Navigation -->
36
+ <nav class="bg-white shadow-lg">
37
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
38
+ <div class="flex justify-between h-16">
39
+ <div class="flex items-center">
40
+ <div class="flex-shrink-0 flex items-center">
41
+ <i class="fas fa-bolt text-purple-600 text-2xl mr-2"></i>
42
+ <span class="text-xl font-bold text-gray-900">Hustbee</span>
43
+ </div>
44
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
45
+ <a href="#" class="border-purple-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
46
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Hosting</a>
47
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">WHMCS</a>
48
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Domains</a>
49
+ <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Support</a>
50
+ </div>
51
+ </div>
52
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
53
+ <a href="#" class="border-transparent text-gray-500 hover:text-gray-700 inline-flex items-center px-1 pt-1 text-sm font-medium">
54
+ <i class="fas fa-user-circle mr-1"></i> Login
55
+ </a>
56
+ <a href="#" class="ml-4 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
57
+ <i class="fas fa-cart-plus mr-2"></i> Order Now
58
+ </a>
59
+ </div>
60
+ <div class="-mr-2 flex items-center sm:hidden">
61
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-purple-500" aria-controls="mobile-menu" aria-expanded="false">
62
+ <span class="sr-only">Open main menu</span>
63
+ <i class="fas fa-bars"></i>
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </div>
68
+
69
+ <!-- Mobile menu -->
70
+ <div class="sm:hidden hidden" id="mobile-menu">
71
+ <div class="pt-2 pb-3 space-y-1">
72
+ <a href="#" class="bg-purple-50 border-purple-500 text-purple-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Home</a>
73
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Hosting</a>
74
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">WHMCS</a>
75
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Domains</a>
76
+ <a href="#" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Support</a>
77
+ <div class="pt-4 pb-3 border-t border-gray-200">
78
+ <div class="flex items-center px-4">
79
+ <div class="flex-shrink-0">
80
+ <i class="fas fa-user-circle text-gray-400 text-2xl"></i>
81
+ </div>
82
+ <div class="ml-3">
83
+ <div class="text-base font-medium text-gray-800">Welcome back!</div>
84
+ <div class="text-sm font-medium text-gray-500">Sign in to your account</div>
85
+ </div>
86
+ </div>
87
+ <div class="mt-3 space-y-1">
88
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Sign in</a>
89
+ <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Register</a>
90
+ </div>
91
+ </div>
92
+ </div>
93
+ </div>
94
+ </nav>
95
+
96
+ <!-- Hero Section -->
97
+ <div class="gradient-bg text-white">
98
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
99
+ <div class="text-center">
100
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
101
+ Premium Web Hosting & WHMCS Solutions
102
+ </h1>
103
+ <p class="mt-6 max-w-lg mx-auto text-xl">
104
+ Lightning-fast hosting with automated WHMCS billing. Perfect for agencies and resellers.
105
+ </p>
106
+ <div class="mt-10 flex justify-center space-x-4">
107
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-purple-700 bg-white hover:bg-gray-50">
108
+ <i class="fas fa-server mr-2"></i> Explore Plans
109
+ </a>
110
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-purple-800 hover:bg-purple-700">
111
+ <i class="fas fa-play-circle mr-2"></i> Watch Demo
112
+ </a>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <!-- Stats Section -->
119
+ <div class="bg-gray-50">
120
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8">
121
+ <div class="max-w-4xl mx-auto text-center">
122
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
123
+ Trusted by thousands of businesses
124
+ </h2>
125
+ <p class="mt-3 text-xl text-gray-500">
126
+ Our infrastructure powers websites and billing systems for clients worldwide.
127
+ </p>
128
+ </div>
129
+ <div class="mt-10 grid grid-cols-2 gap-8 md:grid-cols-4">
130
+ <div class="text-center">
131
+ <div class="text-4xl font-extrabold text-purple-600">99.9%</div>
132
+ <div class="mt-2 text-sm font-medium text-gray-500">Uptime</div>
133
+ </div>
134
+ <div class="text-center">
135
+ <div class="text-4xl font-extrabold text-purple-600">10K+</div>
136
+ <div class="mt-2 text-sm font-medium text-gray-500">Clients</div>
137
+ </div>
138
+ <div class="text-center">
139
+ <div class="text-4xl font-extrabold text-purple-600">24/7</div>
140
+ <div class="mt-2 text-sm font-medium text-gray-500">Support</div>
141
+ </div>
142
+ <div class="text-center">
143
+ <div class="text-4xl font-extrabold text-purple-600">45s</div>
144
+ <div class="mt-2 text-sm font-medium text-gray-500">Avg. Response</div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+
150
+ <!-- Hosting Plans -->
151
+ <div class="bg-white py-16 sm:py-24">
152
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
153
+ <div class="text-center">
154
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
155
+ Flexible Hosting Plans
156
+ </h2>
157
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
158
+ Choose the perfect hosting solution for your needs
159
+ </p>
160
+ </div>
161
+
162
+ <div class="mt-16 space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">
163
+ <!-- Starter Plan -->
164
+ <div class="relative p-8 bg-white border border-gray-200 rounded-2xl shadow-sm flex flex-col hosting-card transition-all duration-300">
165
+ <div class="flex-1">
166
+ <h3 class="text-xl font-semibold text-gray-900">Starter</h3>
167
+ <p class="mt-4 flex items-baseline text-gray-900">
168
+ <span class="text-5xl font-extrabold tracking-tight">$4.99</span>
169
+ <span class="ml-1 text-xl font-semibold">/month</span>
170
+ </p>
171
+ <p class="mt-6 text-gray-500">Perfect for small websites and blogs</p>
172
+ <ul role="list" class="mt-6 space-y-4">
173
+ <li class="flex">
174
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
175
+ <span class="text-gray-500">1 Website</span>
176
+ </li>
177
+ <li class="flex">
178
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
179
+ <span class="text-gray-500">10GB SSD Storage</span>
180
+ </li>
181
+ <li class="flex">
182
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
183
+ <span class="text-gray-500">Unmetered Bandwidth</span>
184
+ </li>
185
+ <li class="flex">
186
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
187
+ <span class="text-gray-500">Free SSL Certificate</span>
188
+ </li>
189
+ </ul>
190
+ </div>
191
+ <a href="#" class="mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium bg-gray-100 text-purple-700 hover:bg-gray-200">
192
+ Get started
193
+ </a>
194
+ </div>
195
+
196
+ <!-- Business Plan (Featured) -->
197
+ <div class="relative p-8 bg-white border-2 border-purple-500 rounded-2xl shadow-sm flex flex-col hosting-card transition-all duration-300">
198
+ <div class="absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
199
+ <span class="inline-flex items-center px-4 py-1 rounded-full text-sm font-medium bg-purple-100 text-purple-800">
200
+ Most popular
201
+ </span>
202
+ </div>
203
+ <div class="flex-1">
204
+ <h3 class="text-xl font-semibold text-gray-900">Business</h3>
205
+ <p class="mt-4 flex items-baseline text-gray-900">
206
+ <span class="text-5xl font-extrabold tracking-tight">$9.99</span>
207
+ <span class="ml-1 text-xl font-semibold">/month</span>
208
+ </p>
209
+ <p class="mt-6 text-gray-500">Ideal for growing businesses</p>
210
+ <ul role="list" class="mt-6 space-y-4">
211
+ <li class="flex">
212
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
213
+ <span class="text-gray-500">Unlimited Websites</span>
214
+ </li>
215
+ <li class="flex">
216
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
217
+ <span class="text-gray-500">50GB SSD Storage</span>
218
+ </li>
219
+ <li class="flex">
220
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
221
+ <span class="text-gray-500">Unmetered Bandwidth</span>
222
+ </li>
223
+ <li class="flex">
224
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
225
+ <span class="text-gray-500">Free SSL Certificate</span>
226
+ </li>
227
+ <li class="flex">
228
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
229
+ <span class="text-gray-500">Free Domain (1 year)</span>
230
+ </li>
231
+ </ul>
232
+ </div>
233
+ <a href="#" class="mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium bg-purple-600 text-white hover:bg-purple-700">
234
+ Get started
235
+ </a>
236
+ </div>
237
+
238
+ <!-- Enterprise Plan -->
239
+ <div class="relative p-8 bg-white border border-gray-200 rounded-2xl shadow-sm flex flex-col hosting-card transition-all duration-300">
240
+ <div class="flex-1">
241
+ <h3 class="text-xl font-semibold text-gray-900">Enterprise</h3>
242
+ <p class="mt-4 flex items-baseline text-gray-900">
243
+ <span class="text-5xl font-extrabold tracking-tight">$19.99</span>
244
+ <span class="ml-1 text-xl font-semibold">/month</span>
245
+ </p>
246
+ <p class="mt-6 text-gray-500">For high-traffic websites</p>
247
+ <ul role="list" class="mt-6 space-y-4">
248
+ <li class="flex">
249
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
250
+ <span class="text-gray-500">Unlimited Websites</span>
251
+ </li>
252
+ <li class="flex">
253
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
254
+ <span class="text-gray-500">100GB NVMe Storage</span>
255
+ </li>
256
+ <li class="flex">
257
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
258
+ <span class="text-gray-500">Unmetered Bandwidth</span>
259
+ </li>
260
+ <li class="flex">
261
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
262
+ <span class="text-gray-500">Free SSL Certificate</span>
263
+ </li>
264
+ <li class="flex">
265
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
266
+ <span class="text-gray-500">Free Domain (1 year)</span>
267
+ </li>
268
+ <li class="flex">
269
+ <i class="fas fa-check text-green-500 mt-1 mr-3"></i>
270
+ <span class="text-gray-500">Priority Support</span>
271
+ </li>
272
+ </ul>
273
+ </div>
274
+ <a href="#" class="mt-8 block w-full py-3 px-6 border border-transparent rounded-md text-center font-medium bg-gray-100 text-purple-700 hover:bg-gray-200">
275
+ Get started
276
+ </a>
277
+ </div>
278
+ </div>
279
+ </div>
280
+ </div>
281
+
282
+ <!-- WHMCS Section -->
283
+ <div class="bg-gray-50 py-16 sm:py-24">
284
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
285
+ <div class="lg:text-center">
286
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
287
+ WHMCS Billing Automation
288
+ </h2>
289
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
290
+ Complete automation for your hosting business
291
+ </p>
292
+ </div>
293
+
294
+ <div class="mt-20">
295
+ <div class="space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8 lg:gap-y-12">
296
+ <!-- Feature 1 -->
297
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
298
+ <div class="flex items-center">
299
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
300
+ <i class="fas fa-robot text-xl"></i>
301
+ </div>
302
+ <div class="ml-4">
303
+ <h3 class="text-lg font-medium text-gray-900">Automated Billing</h3>
304
+ </div>
305
+ </div>
306
+ <p class="mt-4 text-sm text-gray-500">
307
+ Automatically invoice clients, process payments, and send reminders. Reduce manual work and get paid on time.
308
+ </p>
309
+ </div>
310
+
311
+ <!-- Feature 2 -->
312
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
313
+ <div class="flex items-center">
314
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
315
+ <i class="fas fa-server text-xl"></i>
316
+ </div>
317
+ <div class="ml-4">
318
+ <h3 class="text-lg font-medium text-gray-900">Server Integration</h3>
319
+ </div>
320
+ </div>
321
+ <p class="mt-4 text-sm text-gray-500">
322
+ Seamlessly integrate with cPanel, Plesk, and other control panels. Automate account provisioning and suspension.
323
+ </p>
324
+ </div>
325
+
326
+ <!-- Feature 3 -->
327
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
328
+ <div class="flex items-center">
329
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
330
+ <i class="fas fa-ticket-alt text-xl"></i>
331
+ </div>
332
+ <div class="ml-4">
333
+ <h3 class="text-lg font-medium text-gray-900">Support System</h3>
334
+ </div>
335
+ </div>
336
+ <p class="mt-4 text-sm text-gray-500">
337
+ Built-in helpdesk with ticket automation, knowledgebase, and live chat integration. Keep clients happy.
338
+ </p>
339
+ </div>
340
+
341
+ <!-- Feature 4 -->
342
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
343
+ <div class="flex items-center">
344
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
345
+ <i class="fas fa-chart-line text-xl"></i>
346
+ </div>
347
+ <div class="ml-4">
348
+ <h3 class="text-lg font-medium text-gray-900">Business Insights</h3>
349
+ </div>
350
+ </div>
351
+ <p class="mt-4 text-sm text-gray-500">
352
+ Powerful reporting and analytics to track revenue, client growth, and server performance.
353
+ </p>
354
+ </div>
355
+
356
+ <!-- Feature 5 -->
357
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
358
+ <div class="flex items-center">
359
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
360
+ <i class="fas fa-globe text-xl"></i>
361
+ </div>
362
+ <div class="ml-4">
363
+ <h3 class="text-lg font-medium text-gray-900">Multi-language</h3>
364
+ </div>
365
+ </div>
366
+ <p class="mt-4 text-sm text-gray-500">
367
+ Support clients worldwide with built-in multi-language support and currency conversion.
368
+ </p>
369
+ </div>
370
+
371
+ <!-- Feature 6 -->
372
+ <div class="feature-card group relative p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300">
373
+ <div class="flex items-center">
374
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600 feature-icon">
375
+ <i class="fas fa-plug text-xl"></i>
376
+ </div>
377
+ <div class="ml-4">
378
+ <h3 class="text-lg font-medium text-gray-900">API & Extensions</h3>
379
+ </div>
380
+ </div>
381
+ <p class="mt-4 text-sm text-gray-500">
382
+ Extensive API and marketplace with hundreds of extensions to customize your billing system.
383
+ </p>
384
+ </div>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </div>
389
+
390
+ <!-- CTA Section -->
391
+ <div class="bg-white">
392
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:px-8">
393
+ <div class="bg-purple-700 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
394
+ <div class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20">
395
+ <div class="lg:self-center">
396
+ <h2 class="text-3xl font-extrabold text-white sm:text-4xl">
397
+ <span class="block">Ready to launch your hosting business?</span>
398
+ </h2>
399
+ <p class="mt-4 text-lg leading-6 text-purple-200">
400
+ Get started with our complete hosting and WHMCS solution today. Everything you need in one package.
401
+ </p>
402
+ <a href="#" class="mt-8 bg-white border border-transparent rounded-md shadow px-5 py-3 inline-flex items-center text-base font-medium text-purple-600 hover:bg-purple-50">
403
+ <i class="fas fa-rocket mr-2"></i> Get Started Now
404
+ </a>
405
+ </div>
406
+ </div>
407
+ <div class="-mt-6 aspect-w-5 aspect-h-3 md:aspect-w-2 md:aspect-h-1">
408
+ <img class="transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-16 lg:translate-y-20" src="https://images.unsplash.com/photo-1520333789090-1afc82db536a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1351&q=80" alt="App screenshot">
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </div>
413
+
414
+ <!-- Testimonials -->
415
+ <div class="bg-gray-50 py-16 sm:py-24">
416
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
417
+ <div class="lg:text-center">
418
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
419
+ What our customers say
420
+ </h2>
421
+ </div>
422
+
423
+ <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
424
+ <!-- Testimonial 1 -->
425
+ <div class="bg-white p-6 rounded-lg shadow">
426
+ <div class="flex items-center">
427
+ <div class="flex-shrink-0">
428
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah Johnson">
429
+ </div>
430
+ <div class="ml-4">
431
+ <h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4>
432
+ <p class="text-purple-600">Web Design Agency</p>
433
+ </div>
434
+ </div>
435
+ <div class="mt-4">
436
+ <p class="text-gray-600 italic">"Hustbee's WHMCS integration saved us hours of manual work each week. The automated billing and client management is a game-changer for our agency."</p>
437
+ </div>
438
+ <div class="mt-4 flex">
439
+ <i class="fas fa-star text-yellow-400"></i>
440
+ <i class="fas fa-star text-yellow-400"></i>
441
+ <i class="fas fa-star text-yellow-400"></i>
442
+ <i class="fas fa-star text-yellow-400"></i>
443
+ <i class="fas fa-star text-yellow-400"></i>
444
+ </div>
445
+ </div>
446
+
447
+ <!-- Testimonial 2 -->
448
+ <div class="bg-white p-6 rounded-lg shadow">
449
+ <div class="flex items-center">
450
+ <div class="flex-shrink-0">
451
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen">
452
+ </div>
453
+ <div class="ml-4">
454
+ <h4 class="text-lg font-medium text-gray-900">Michael Chen</h4>
455
+ <p class="text-purple-600">E-commerce Store</p>
456
+ </div>
457
+ </div>
458
+ <div class="mt-4">
459
+ <p class="text-gray-600 italic">"Our website loads 3x faster after migrating to Hustbee. The support team helped us with every step of the migration process."</p>
460
+ </div>
461
+ <div class="mt-4 flex">
462
+ <i class="fas fa-star text-yellow-400"></i>
463
+ <i class="fas fa-star text-yellow-400"></i>
464
+ <i class="fas fa-star text-yellow-400"></i>
465
+ <i class="fas fa-star text-yellow-400"></i>
466
+ <i class="fas fa-star text-yellow-400"></i>
467
+ </div>
468
+ </div>
469
+
470
+ <!-- Testimonial 3 -->
471
+ <div class="bg-white p-6 rounded-lg shadow">
472
+ <div class="flex items-center">
473
+ <div class="flex-shrink-0">
474
+ <img class="h-12 w-12 rounded-full" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Emma Rodriguez">
475
+ </div>
476
+ <div class="ml-4">
477
+ <h4 class="text-lg font-medium text-gray-900">Emma Rodriguez</h4>
478
+ <p class="text-purple-600">Hosting Reseller</p>
479
+ </div>
480
+ </div>
481
+ <div class="mt-4">
482
+ <p class="text-gray-600 italic">"As a hosting reseller, Hustbee's WHMCS solution has helped me scale my business effortlessly. The automation features are incredible."</p>
483
+ </div>
484
+ <div class="mt-4 flex">
485
+ <i class="fas fa-star text-yellow-400"></i>
486
+ <i class="fas fa-star text-yellow-400"></i>
487
+ <i class="fas fa-star text-yellow-400"></i>
488
+ <i class="fas fa-star text-yellow-400"></i>
489
+ <i class="fas fa-star-half-alt text-yellow-400"></i>
490
+ </div>
491
+ </div>
492
+ </div>
493
+ </div>
494
+ </div>
495
+
496
+ <!-- FAQ Section -->
497
+ <div class="bg-white py-16 sm:py-24">
498
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
499
+ <div class="lg:text-center">
500
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
501
+ Frequently asked questions
502
+ </h2>
503
+ </div>
504
+
505
+ <div class="mt-12">
506
+ <dl class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12 lg:grid-cols-3">
507
+ <!-- FAQ 1 -->
508
+ <div>
509
+ <dt class="text-lg leading-6 font-medium text-gray-900">
510
+ What is WHMCS?
511
+ </dt>
512
+ <dd class="mt-2 text-base text-gray-500">
513
+ WHMCS is a complete client management and billing automation platform designed for web hosting businesses. It automates billing, provisioning, and support.
514
+ </dd>
515
+ </div>
516
+
517
+ <!-- FAQ 2 -->
518
+ <div>
519
+ <dt class="text-lg leading-6 font-medium text-gray-900">
520
+ Do you offer a free trial?
521
+ </dt>
522
+ <dd class="mt-2 text-base text-gray-500">
523
+ Yes! We offer a 30-day money-back guarantee on all hosting plans. For WHMCS, we provide a 14-day free trial so you can test all features.
524
+ </dd>
525
+ </div>
526
+
527
+ <!-- FAQ 3 -->
528
+ <div>
529
+ <dt class="text-lg leading-6 font-medium text-gray-900">
530
+ Can I migrate my existing website?
531
+ </dt>
532
+ <dd class="mt-2 text-base text-gray-500">
533
+ Absolutely! Our migration team will help transfer your website for free when you sign up for any Business or Enterprise plan.
534
+ </dd>
535
+ </div>
536
+
537
+ <!-- FAQ 4 -->
538
+ <div>
539
+ <dt class="text-lg leading-6 font-medium text-gray-900">
540
+ What payment methods do you accept?
541
+ </dt>
542
+ <dd class="mt-2 text-base text-gray-500">
543
+ We accept all major credit cards, PayPal, bank transfers, and cryptocurrency. WHMCS supports over 20 payment gateways.
544
+ </dd>
545
+ </div>
546
+
547
+ <!-- FAQ 5 -->
548
+ <div>
549
+ <dt class="text-lg leading-6 font-medium text-gray-900">
550
+ How is your support?
551
+ </dt>
552
+ <dd class="mt-2 text-base text-gray-500">
553
+ We provide 24/7 support via live chat, email, and phone. Our average response time is under 45 seconds for priority issues.
554
+ </dd>
555
+ </div>
556
+
557
+ <!-- FAQ 6 -->
558
+ <div>
559
+ <dt class="text-lg leading-6 font-medium text-gray-900">
560
+ Can I upgrade my plan later?
561
+ </dt>
562
+ <dd class="mt-2 text-base text-gray-500">
563
+ Yes, you can upgrade or downgrade at any time with no downtime. We'll prorate the difference in cost.
564
+ </dd>
565
+ </div>
566
+ </dl>
567
+ </div>
568
+ </div>
569
+ </div>
570
+
571
+ <!-- Footer -->
572
+ <footer class="bg-gray-800">
573
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
574
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
575
+ <div>
576
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Hosting</h3>
577
+ <ul class="mt-4 space-y-4">
578
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Shared Hosting</a></li>
579
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">VPS Hosting</a></li>
580
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Dedicated Servers</a></li>
581
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">WordPress Hosting</a></li>
582
+ </ul>
583
+ </div>
584
+ <div>
585
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">WHMCS</h3>
586
+ <ul class="mt-4 space-y-4">
587
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Features</a></li>
588
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Pricing</a></li>
589
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Integrations</a></li>
590
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Extensions</a></li>
591
+ </ul>
592
+ </div>
593
+ <div>
594
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Company</h3>
595
+ <ul class="mt-4 space-y-4">
596
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">About Us</a></li>
597
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Blog</a></li>
598
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Careers</a></li>
599
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Contact</a></li>
600
+ </ul>
601
+ </div>
602
+ <div>
603
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">Legal</h3>
604
+ <ul class="mt-4 space-y-4">
605
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Privacy</a></li>
606
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">Terms</a></li>
607
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">SLA</a></li>
608
+ <li><a href="#" class="text-base text-gray-400 hover:text-white">DMCA</a></li>
609
+ </ul>
610
+ </div>
611
+ </div>
612
+ <div class="mt-12 border-t border-gray-700 pt-8">
613
+ <div class="md:flex md:items-center md:justify-between">
614
+ <div class="flex justify-center md:order-2 space-x-6">
615
+ <a href="#" class="text-gray-400 hover:text-white">
616
+ <i class="fab fa-facebook-f"></i>
617
+ </a>
618
+ <a href="#" class="text-gray-400 hover:text-white">
619
+ <i class="fab fa-twitter"></i>
620
+ </a>
621
+ <a href="#" class="text-gray-400 hover:text-white">
622
+ <i class="fab fa-instagram"></i>
623
+ </a>
624
+ <a href="#" class="text-gray-400 hover:text-white">
625
+ <i class="fab fa-linkedin-in"></i>
626
+ </a>
627
+ <a href="#" class="text-gray-400 hover:text-white">
628
+ <i class="fab fa-youtube"></i>
629
+ </a>
630
+ </div>
631
+ <div class="mt-8 md:mt-0 md:order-1">
632
+ <p class="text-center text-base text-gray-400">
633
+ &copy; 2023 Hustbee Hosting. All rights reserved.
634
+ </p>
635
+ </div>
636
+ </div>
637
+ </div>
638
+ </div>
639
+ </footer>
640
+
641
+ <!-- Live Chat Button -->
642
+ <div class="fixed bottom-6 right-6">
643
+ <button class="p-4 bg-purple-600 text-white rounded-full shadow-lg hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 pulse">
644
+ <i class="fas fa-comment-dots text-xl"></i>
645
+ </button>
646
+ </div>
647
+
648
+ <script>
649
+ // Mobile menu toggle
650
+ document.querySelector('nav button').addEventListener('click', function() {
651
+ const menu = document.getElementById('mobile-menu');
652
+ menu.classList.toggle('hidden');
653
+ });
654
+
655
+ // Smooth scrolling for anchor links
656
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
657
+ anchor.addEventListener('click', function (e) {
658
+ e.preventDefault();
659
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
660
+ behavior: 'smooth'
661
+ });
662
+ });
663
+ });
664
+
665
+ // Add animation to pricing cards on scroll
666
+ const observer = new IntersectionObserver((entries) => {
667
+ entries.forEach(entry => {
668
+ if (entry.isIntersecting) {
669
+ entry.target.classList.add('animate-fade-in-up');
670
+ }
671
+ });
672
+ }, {threshold: 0.1});
673
+
674
+ document.querySelectorAll('.hosting-card').forEach(card => {
675
+ observer.observe(card);
676
+ });
677
+ </script>
678
+ <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/hust-bee" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
679
+ </html>
prompts.txt ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ https://huggingface.co/spaces/docto41/mega-game-generator
2
+ aucun bouton fonctionne
3
+ creer un big générateur de jeux de simulateur euro truck pour l ile de la reunion creer par une armés tres puissant de 230000 IA tres puissant pour la creation du gros projet
4
+ les boutons ne fonctionne pas
5
+ je veut que les jeux sont réel avec des different vue et different paysage
6
+ je veux une armées de 3250000 IA tous superpuissant qui génére des sites de jeux Euro Truck simulator creer les meme systéme de jeux special pour les routes de l' iles de la REUNION conduire en reel dans des vrais camion de lile de la reunion
7
+ instal satlite pour jouer en direct live
8
+ ouvrer le jeux dans une nouvel fenetre en mode chargement direct en automatique
9
+ CONNECTER AU SATELITE EN AUTOMATIQUES
10
+ sa fonctionne pas
11
+ toute activer
12
+ Hustbee – Hosting HTML & WHMCS