SpectrumInfinite commited on
Commit
af7d3e6
·
verified ·
1 Parent(s): 7193a5c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +524 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Website Development Services Table
3
- emoji: 🏢
4
- colorFrom: pink
5
- colorTo: yellow
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: website-development-services-table
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: green
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,524 @@
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>Spectrum Infinite - Website Design Service Tiers</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#6366f1',
15
+ secondary: '#8b5cf6',
16
+ accent: '#ec4899',
17
+ dark: '#1e293b',
18
+ light: '#f8fafc'
19
+ },
20
+ boxShadow: {
21
+ 'glow': '0 0 15px rgba(99, 102, 241, 0.3)',
22
+ 'glow-lg': '0 0 25px rgba(99, 102, 241, 0.5)'
23
+ }
24
+ }
25
+ }
26
+ }
27
+ </script>
28
+ <style>
29
+ .feature-row:hover {
30
+ background-color: rgba(248, 250, 252, 0.05);
31
+ }
32
+ .popular-badge {
33
+ animation: pulse 2s infinite;
34
+ }
35
+ @keyframes pulse {
36
+ 0% { transform: scale(1); }
37
+ 50% { transform: scale(1.05); }
38
+ 100% { transform: scale(1); }
39
+ }
40
+ .tooltip {
41
+ position: relative;
42
+ display: inline-block;
43
+ }
44
+ .tooltip .tooltiptext {
45
+ visibility: hidden;
46
+ width: 200px;
47
+ background-color: #1e293b;
48
+ color: #fff;
49
+ text-align: center;
50
+ border-radius: 6px;
51
+ padding: 5px;
52
+ position: absolute;
53
+ z-index: 1;
54
+ bottom: 125%;
55
+ left: 50%;
56
+ margin-left: -100px;
57
+ opacity: 0;
58
+ transition: opacity 0.3s;
59
+ font-size: 0.8rem;
60
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
61
+ }
62
+ .tooltip:hover .tooltiptext {
63
+ visibility: visible;
64
+ opacity: 1;
65
+ }
66
+ .sticky-header {
67
+ position: sticky;
68
+ top: 0;
69
+ z-index: 10;
70
+ }
71
+ </style>
72
+ </head>
73
+ <body class="bg-dark text-gray-200 font-sans">
74
+ <div class="container mx-auto px-4 py-12 max-w-7xl">
75
+ <div class="text-center mb-16">
76
+ <h1 class="text-4xl md:text-5xl font-bold bg-gradient-to-r from-primary via-accent to-secondary bg-clip-text text-transparent mb-4">
77
+ Spectrum Infinite
78
+ </h1>
79
+ <h2 class="text-2xl md:text-3xl font-semibold text-light mb-6">Website Design Service Tiers</h2>
80
+ <p class="text-lg max-w-3xl mx-auto text-gray-300">
81
+ All prices start at the amounts shown; final quotes depend on exact scope & integrations.
82
+ <br>Choose the perfect package for your digital growth journey.
83
+ </p>
84
+ </div>
85
+
86
+ <div class="overflow-x-auto rounded-xl border border-gray-700 shadow-2xl">
87
+ <table class="w-full">
88
+ <thead class="bg-gray-800 sticky-header">
89
+ <tr>
90
+ <th class="py-6 px-4 text-left w-1/4 font-semibold text-gray-300 border-b border-gray-700">
91
+ Service Features
92
+ </th>
93
+ <th class="py-6 px-4 text-center w-1/5 border-b border-gray-700">
94
+ <div class="flex flex-col items-center">
95
+ <span class="text-xl font-bold text-primary">Go Dynamic</span>
96
+ <span class="text-2xl font-extrabold my-2">$987</span>
97
+ <span class="text-xs text-gray-400">Launch-ready for lean teams</span>
98
+ </div>
99
+ </th>
100
+ <th class="py-6 px-4 text-center w-1/5 border-b border-gray-700">
101
+ <div class="flex flex-col items-center">
102
+ <span class="text-xl font-bold text-secondary">Go Bazinga</span>
103
+ <span class="text-2xl font-extrabold my-2">$1,367</span>
104
+ <span class="text-xs text-gray-400">Smart growth for bold brands</span>
105
+ </div>
106
+ </th>
107
+ <th class="py-6 px-4 text-center w-1/5 border-b border-gray-700 relative">
108
+ <div class="absolute -top-4 left-1/2 transform -translate-x-1/2">
109
+ <span class="popular-badge bg-gradient-to-r from-accent to-primary text-white text-xs font-bold px-3 py-1 rounded-full">
110
+ MOST POPULAR
111
+ </span>
112
+ </div>
113
+ <div class="flex flex-col items-center pt-2">
114
+ <span class="text-xl font-bold text-accent">Go Marathon</span>
115
+ <span class="text-2xl font-extrabold my-2">$1,997</span>
116
+ <span class="text-xs text-gray-400">Built to scale & convert</span>
117
+ </div>
118
+ </th>
119
+ <th class="py-6 px-4 text-center w-1/5 border-b border-gray-700">
120
+ <div class="flex flex-col items-center">
121
+ <span class="text-xl font-bold text-purple-400">Go Extreme</span>
122
+ <span class="text-2xl font-extrabold my-2">$2,997</span>
123
+ <span class="text-xs text-gray-400">Enterprise-grade performance</span>
124
+ </div>
125
+ </th>
126
+ </tr>
127
+ </thead>
128
+ <tbody class="divide-y divide-gray-700">
129
+ <!-- Core Features -->
130
+ <tr class="bg-gray-900">
131
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
132
+ <i class="fas fa-cube mr-2 text-primary"></i> Core Website Features
133
+ </td>
134
+ </tr>
135
+ <tr class="feature-row">
136
+ <td class="py-4 px-4 font-medium">
137
+ <div class="flex items-center">
138
+ Pages included
139
+ <div class="tooltip ml-1">
140
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
141
+ <span class="tooltiptext">Number of designed and developed pages included in package</span>
142
+ </div>
143
+ </div>
144
+ </td>
145
+ <td class="py-4 px-4 text-center">Up to <span class="font-bold">5</span> core pages</td>
146
+ <td class="py-4 px-4 text-center">Up to <span class="font-bold">8</span> pages</td>
147
+ <td class="py-4 px-4 text-center bg-gray-800">Up to <span class="font-bold text-accent">15</span> pages</td>
148
+ <td class="py-4 px-4 text-center">Up to <span class="font-bold">25</span> pages</td>
149
+ </tr>
150
+ <tr class="feature-row">
151
+ <td class="py-4 px-4 font-medium">
152
+ <div class="flex items-center">
153
+ Custom UI/UX design
154
+ <div class="tooltip ml-1">
155
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
156
+ <span class="tooltiptext">Level of customization in the visual design and user experience</span>
157
+ </div>
158
+ </div>
159
+ </td>
160
+ <td class="py-4 px-4 text-center">Semi-custom theme styling</td>
161
+ <td class="py-4 px-4 text-center">Fully custom homepage</td>
162
+ <td class="py-4 px-4 text-center bg-gray-800">Full-site custom UI kit & micro-interactions</td>
163
+ <td class="py-4 px-4 text-center">Bespoke design system + motion graphics</td>
164
+ </tr>
165
+ <tr class="feature-row">
166
+ <td class="py-4 px-4 font-medium">
167
+ <div class="flex items-center">
168
+ Responsive build
169
+ <div class="tooltip ml-1">
170
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
171
+ <span class="tooltiptext">Device compatibility and testing procedures</span>
172
+ </div>
173
+ </div>
174
+ </td>
175
+ <td class="py-4 px-4 text-center"><i class="fas fa-check text-green-500"></i> Mobile & tablet</td>
176
+ <td class="py-4 px-4 text-center"><i class="fas fa-check text-green-500"></i> + device-lab testing</td>
177
+ <td class="py-4 px-4 text-center bg-gray-800"><i class="fas fa-check text-green-500"></i> + cross-browser QA</td>
178
+ <td class="py-4 px-4 text-center"><i class="fas fa-check text-green-500"></i> Pixel-perfect on 20+ break-points</td>
179
+ </tr>
180
+ <tr class="feature-row">
181
+ <td class="py-4 px-4 font-medium">
182
+ <div class="flex items-center">
183
+ CMS
184
+ <div class="tooltip ml-1">
185
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
186
+ <span class="tooltiptext">Content Management System options and features</span>
187
+ </div>
188
+ </div>
189
+ </td>
190
+ <td class="py-4 px-4 text-center">WordPress / Webflow (pick one)</td>
191
+ <td class="py-4 px-4 text-center">Same + onboarding tutorial video</td>
192
+ <td class="py-4 px-4 text-center bg-gray-800">Same + custom content types</td>
193
+ <td class="py-4 px-4 text-center">Headless option (Next.js/Strapi)</td>
194
+ </tr>
195
+
196
+ <!-- Performance -->
197
+ <tr class="bg-gray-900">
198
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
199
+ <i class="fas fa-tachometer-alt mr-2 text-primary"></i> Performance & SEO
200
+ </td>
201
+ </tr>
202
+ <tr class="feature-row">
203
+ <td class="py-4 px-4 font-medium">
204
+ <div class="flex items-center">
205
+ Speed optimisation
206
+ <div class="tooltip ml-1">
207
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
208
+ <span class="tooltiptext">Techniques used to improve website loading speed</span>
209
+ </div>
210
+ </div>
211
+ </td>
212
+ <td class="py-4 px-4 text-center">Basic image compression</td>
213
+ <td class="py-4 px-4 text-center">+ Lazy-loading & code minify</td>
214
+ <td class="py-4 px-4 text-center bg-gray-800">+ CDN setup (Cloudflare)</td>
215
+ <td class="py-4 px-4 text-center">+ Core Web Vitals < 90th percentile</td>
216
+ </tr>
217
+ <tr class="feature-row">
218
+ <td class="py-4 px-4 font-medium">
219
+ <div class="flex items-center">
220
+ Baseline SEO
221
+ <div class="tooltip ml-1">
222
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
223
+ <span class="tooltiptext">Search Engine Optimization features included</span>
224
+ </div>
225
+ </div>
226
+ </td>
227
+ <td class="py-4 px-4 text-center">Meta tags & alt text</td>
228
+ <td class="py-4 px-4 text-center">+ Schema markup</td>
229
+ <td class="py-4 px-4 text-center bg-gray-800">+ Keyword mapping per page</td>
230
+ <td class="py-4 px-4 text-center">+ Technical audit & fixes</td>
231
+ </tr>
232
+
233
+ <!-- Content -->
234
+ <tr class="bg-gray-900">
235
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
236
+ <i class="fas fa-pen-fancy mr-2 text-primary"></i> Content & Media
237
+ </td>
238
+ </tr>
239
+ <tr class="feature-row">
240
+ <td class="py-4 px-4 font-medium">
241
+ <div class="flex items-center">
242
+ Copywriting
243
+ <div class="tooltip ml-1">
244
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
245
+ <span class="tooltiptext">Professional writing and editing services included</span>
246
+ </div>
247
+ </div>
248
+ </td>
249
+ <td class="py-4 px-4 text-center">2 pages light edit</td>
250
+ <td class="py-4 px-4 text-center">+ 5 pages copy polish</td>
251
+ <td class="py-4 px-4 text-center bg-gray-800">+ Persuasive rewrite all pages</td>
252
+ <td class="py-4 px-4 text-center">+ Conversion copy + micro-copy</td>
253
+ </tr>
254
+ <tr class="feature-row">
255
+ <td class="py-4 px-4 font-medium">
256
+ <div class="flex items-center">
257
+ Stock imagery
258
+ <div class="tooltip ml-1">
259
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
260
+ <span class="tooltiptext">Premium stock photos included in package</span>
261
+ </div>
262
+ </div>
263
+ </td>
264
+ <td class="py-4 px-4 text-center">Up to 5 premium images</td>
265
+ <td class="py-4 px-4 text-center">Up to 15</td>
266
+ <td class="py-4 px-4 text-center bg-gray-800">Up to 30 + light retouch</td>
267
+ <td class="py-4 px-4 text-center">Unlimited premium stock & custom icons</td>
268
+ </tr>
269
+ <tr class="feature-row">
270
+ <td class="py-4 px-4 font-medium">
271
+ <div class="flex items-center">
272
+ Custom graphics
273
+ <div class="tooltip ml-1">
274
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
275
+ <span class="tooltiptext">Custom designed visual elements</span>
276
+ </div>
277
+ </div>
278
+ </td>
279
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
280
+ <td class="py-4 px-4 text-center">2 hero banners</td>
281
+ <td class="py-4 px-4 text-center bg-gray-800">5 branded illustrations</td>
282
+ <td class="py-4 px-4 text-center">Full icon set & 3 explainer infographics</td>
283
+ </tr>
284
+
285
+ <!-- E-commerce -->
286
+ <tr class="bg-gray-900">
287
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
288
+ <i class="fas fa-shopping-cart mr-2 text-primary"></i> E-commerce & Functionality
289
+ </td>
290
+ </tr>
291
+ <tr class="feature-row">
292
+ <td class="py-4 px-4 font-medium">
293
+ <div class="flex items-center">
294
+ E-commerce setup
295
+ <div class="tooltip ml-1">
296
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
297
+ <span class="tooltiptext">Online store features and product capacity</span>
298
+ </div>
299
+ </div>
300
+ </td>
301
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
302
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
303
+ <td class="py-4 px-4 text-center bg-gray-800">Up to 50 skus, Stripe/PayPal</td>
304
+ <td class="py-4 px-4 text-center">Unlimited skus, advanced filters, POS sync</td>
305
+ </tr>
306
+ <tr class="feature-row">
307
+ <td class="py-4 px-4 font-medium">
308
+ <div class="flex items-center">
309
+ Booking / calendar
310
+ <div class="tooltip ml-1">
311
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
312
+ <span class="tooltiptext">Scheduling and appointment features</span>
313
+ </div>
314
+ </div>
315
+ </td>
316
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
317
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
318
+ <td class="py-4 px-4 text-center bg-gray-800">1 booking flow</td>
319
+ <td class="py-4 px-4 text-center">Multi-calendar + timezone logic</td>
320
+ </tr>
321
+ <tr class="feature-row">
322
+ <td class="py-4 px-4 font-medium">
323
+ <div class="flex items-center">
324
+ CRM / email capture
325
+ <div class="tooltip ml-1">
326
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
327
+ <span class="tooltiptext">Customer relationship management tools</span>
328
+ </div>
329
+ </div>
330
+ </td>
331
+ <td class="py-4 px-4 text-center">Embedded form</td>
332
+ <td class="py-4 px-4 text-center">+ Auto-mailer welcome</td>
333
+ <td class="py-4 px-4 text-center bg-gray-800">+ HubSpot / Zoho integration</td>
334
+ <td class="py-4 px-4 text-center">Bespoke CRM workflow automation</td>
335
+ </tr>
336
+
337
+ <!-- Analytics -->
338
+ <tr class="bg-gray-900">
339
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
340
+ <i class="fas fa-chart-line mr-2 text-primary"></i> Analytics & Testing
341
+ </td>
342
+ </tr>
343
+ <tr class="feature-row">
344
+ <td class="py-4 px-4 font-medium">
345
+ <div class="flex items-center">
346
+ Analytics
347
+ <div class="tooltip ml-1">
348
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
349
+ <span class="tooltiptext">Visitor tracking and data analysis tools</span>
350
+ </div>
351
+ </div>
352
+ </td>
353
+ <td class="py-4 px-4 text-center">Google Analytics setup</td>
354
+ <td class="py-4 px-4 text-center">+ GA4 event tracking</td>
355
+ <td class="py-4 px-4 text-center bg-gray-800">+ Hotjar heat-maps</td>
356
+ <td class="py-4 px-4 text-center">+ Looker Studio dashboard</td>
357
+ </tr>
358
+ <tr class="feature-row">
359
+ <td class="py-4 px-4 font-medium">
360
+ <div class="flex items-center">
361
+ A/B test framework
362
+ <div class="tooltip ml-1">
363
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
364
+ <span class="tooltiptext">Conversion rate optimization tools</span>
365
+ </div>
366
+ </div>
367
+ </td>
368
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
369
+ <td class="py-4 px-4 text-center"><i class="fas fa-times text-gray-500"></i></td>
370
+ <td class="py-4 px-4 text-center bg-gray-800">Basic split-test ready</td>
371
+ <td class="py-4 px-4 text-center">3 live A/B tests + reporting</td>
372
+ </tr>
373
+
374
+ <!-- Security & Compliance -->
375
+ <tr class="bg-gray-900">
376
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
377
+ <i class="fas fa-shield-alt mr-2 text-primary"></i> Security & Compliance
378
+ </td>
379
+ </tr>
380
+ <tr class="feature-row">
381
+ <td class="py-4 px-4 font-medium">
382
+ <div class="flex items-center">
383
+ Accessibility
384
+ <div class="tooltip ml-1">
385
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
386
+ <span class="tooltiptext">ADA/WCAG compliance features</span>
387
+ </div>
388
+ </div>
389
+ </td>
390
+ <td class="py-4 px-4 text-center">WCAG 2.0 AA basics</td>
391
+ <td class="py-4 px-4 text-center">Contrast & alt audits</td>
392
+ <td class="py-4 px-4 text-center bg-gray-800">Keyboard nav + ARIA</td>
393
+ <td class="py-4 px-4 text-center">WCAG 2.1 AAA & legal statement</td>
394
+ </tr>
395
+ <tr class="feature-row">
396
+ <td class="py-4 px-4 font-medium">
397
+ <div class="flex items-center">
398
+ Security
399
+ <div class="tooltip ml-1">
400
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
401
+ <span class="tooltiptext">Website protection measures</span>
402
+ </div>
403
+ </div>
404
+ </td>
405
+ <td class="py-4 px-4 text-center">SSL + daily backup</td>
406
+ <td class="py-4 px-4 text-center">+ Firewall hardening</td>
407
+ <td class="py-4 px-4 text-center bg-gray-800">+ 2-factor admin</td>
408
+ <td class="py-4 px-4 text-center">+ Pen-test & 24/7 monitoring</td>
409
+ </tr>
410
+
411
+ <!-- Support & Services -->
412
+ <tr class="bg-gray-900">
413
+ <td colspan="5" class="py-3 px-4 font-bold text-gray-300">
414
+ <i class="fas fa-headset mr-2 text-primary"></i> Support & Services
415
+ </td>
416
+ </tr>
417
+ <tr class="feature-row">
418
+ <td class="py-4 px-4 font-medium">
419
+ <div class="flex items-center">
420
+ Revision rounds
421
+ <div class="tooltip ml-1">
422
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
423
+ <span class="tooltiptext">Number of design/development revision cycles included</span>
424
+ </div>
425
+ </div>
426
+ </td>
427
+ <td class="py-4 px-4 text-center">2</td>
428
+ <td class="py-4 px-4 text-center">3</td>
429
+ <td class="py-4 px-4 text-center bg-gray-800">4</td>
430
+ <td class="py-4 px-4 text-center">Unlimited within 30 days</td>
431
+ </tr>
432
+ <tr class="feature-row">
433
+ <td class="py-4 px-4 font-medium">
434
+ <div class="flex items-center">
435
+ Launch support
436
+ <div class="tooltip ml-1">
437
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
438
+ <span class="tooltiptext">Post-launch bug fixing period</span>
439
+ </div>
440
+ </div>
441
+ </td>
442
+ <td class="py-4 px-4 text-center">7-day bug fix window</td>
443
+ <td class="py-4 px-4 text-center">14-day</td>
444
+ <td class="py-4 px-4 text-center bg-gray-800">30-day</td>
445
+ <td class="py-4 px-4 text-center">60-day concierge launch</td>
446
+ </tr>
447
+ <tr class="feature-row">
448
+ <td class="py-4 px-4 font-medium">
449
+ <div class="flex items-center">
450
+ Maintenance add-on
451
+ <div class="tooltip ml-1">
452
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
453
+ <span class="tooltiptext">Ongoing website maintenance options</span>
454
+ </div>
455
+ </div>
456
+ </td>
457
+ <td class="py-4 px-4 text-center">Optional, monthly</td>
458
+ <td class="py-4 px-4 text-center">1 month free</td>
459
+ <td class="py-4 px-4 text-center bg-gray-800">3 months free</td>
460
+ <td class="py-4 px-4 text-center">6 months free + priority queue</td>
461
+ </tr>
462
+ <tr class="feature-row">
463
+ <td class="py-4 px-4 font-medium">
464
+ <div class="flex items-center">
465
+ Training
466
+ <div class="tooltip ml-1">
467
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
468
+ <span class="tooltiptext">Client education and onboarding resources</span>
469
+ </div>
470
+ </div>
471
+ </td>
472
+ <td class="py-4 px-4 text-center">PDF quick-start</td>
473
+ <td class="py-4 px-4 text-center">60-min Zoom walkthrough</td>
474
+ <td class="py-4 px-4 text-center bg-gray-800">Recorded team workshop</td>
475
+ <td class="py-4 px-4 text-center">On-site or extended virtual training</td>
476
+ </tr>
477
+ <tr class="feature-row">
478
+ <td class="py-4 px-4 font-medium">
479
+ <div class="flex items-center">
480
+ Dedicated manager
481
+ <div class="tooltip ml-1">
482
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
483
+ <span class="tooltiptext">Project management and strategic support</span>
484
+ </div>
485
+ </div>
486
+ </td>
487
+ <td class="py-4 px-4 text-center">Shared account rep</td>
488
+ <td class="py-4 px-4 text-center">Priority email replies</td>
489
+ <td class="py-4 px-4 text-center bg-gray-800">Dedicated PM + monthly strategy call</td>
490
+ <td class="py-4 px-4 text-center">Senior strategist + fortnightly growth call</td>
491
+ </tr>
492
+ <tr class="feature-row">
493
+ <td class="py-4 px-4 font-medium">
494
+ <div class="flex items-center">
495
+ Turnaround (avg)
496
+ <div class="tooltip ml-1">
497
+ <i class="fas fa-info-circle text-gray-500 text-xs"></i>
498
+ <span class="tooltiptext">Estimated project completion timeline</span>
499
+ </div>
500
+ </div>
501
+ </td>
502
+ <td class="py-4 px-4 text-center">2–3 weeks</td>
503
+ <td class="py-4 px-4 text-center">3–4 weeks</td>
504
+ <td class="py-4 px-4 text-center bg-gray-800">4–6 weeks</td>
505
+ <td class="py-4 px-4 text-center">6–8 weeks</td>
506
+ </tr>
507
+ </tbody>
508
+ </table>
509
+ </div>
510
+
511
+ <div class="mt-16 text-center">
512
+ <h3 class="text-2xl font-bold text-light mb-6">Ready to Elevate Your Digital Presence?</h3>
513
+ <div class="flex flex-wrap justify-center gap-4">
514
+ <button class="bg-primary hover:bg-primary/90 text-white font-bold py-3 px-8 rounded-full transition-all shadow-lg hover:shadow-glow">
515
+ Get a Custom Quote
516
+ </button>
517
+ <button class="border border-primary text-primary hover:bg-primary/10 font-bold py-3 px-8 rounded-full transition-all">
518
+ Schedule Consultation
519
+ </button>
520
+ </div>
521
+ </div>
522
+ </div>
523
+ <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=SpectrumInfinite/website-development-services-table" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
524
+ </html>
prompts.txt ADDED
File without changes