Hugging Face's logo

Spaces:
Synthify-ai
/
undefined
Running

App Files Community
Synthify-ai commited on
Commit
260257a
·
verified ·
1 Parent(s): 745d5ee

move the pricing area to the bottom

Browse files
Files changed (1) hide show
  1. index.html +147 -148
index.html CHANGED
@@ -136,153 +136,7 @@
136
  </div>
137
  </div>
138
  </div>
139
- <!-- Pricing -->
140
- <div id="pricing" class="py-12 bg-white">
141
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
142
- <div class="lg:text-center">
143
- <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Pricing</h2>
144
- <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
145
- Choose Your Plan
146
- </p>
147
- <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
148
- Simple, transparent pricing with no hidden fees.
149
- </p>
150
- </div>
151
-
152
- <div class="mt-10 grid gap-8 md:grid-cols-3">
153
- <!-- Starter Plan -->
154
- <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200">
155
- <div class="px-6 py-8">
156
- <h3 class="text-2xl font-bold text-center text-gray-900">Starter</h3>
157
- <div class="mt-4 text-center">
158
- <span class="text-4xl font-bold text-gray-900">£449</span>
159
- <span class="text-lg font-medium text-gray-600">/month</span>
160
- </div>
161
- <p class="mt-2 text-center text-gray-600">+ £799 setup fee</p>
162
- <p class="mt-4 text-center text-gray-600">For small practices and single locations</p>
163
- <ul class="mt-6 space-y-4">
164
- <li class="flex items-start">
165
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
166
- <span class="ml-3 text-gray-700">1 AI receptionist line</span>
167
- </li>
168
- <li class="flex items-start">
169
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
170
- <span class="ml-3 text-gray-700">Up to 200 calls or messages</span>
171
- </li>
172
- <li class="flex items-start">
173
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
174
- <span class="ml-3 text-gray-700">Basic call routing</span>
175
- </li>
176
- <li class="flex items-start">
177
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
178
- <span class="ml-3 text-gray-700">Standard business hours</span>
179
- </li>
180
- <li class="flex items-start">
181
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
182
- <span class="ml-3 text-gray-700">Email support</span>
183
- </li>
184
- </ul>
185
- </div>
186
- <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
187
- <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
188
- Book a Demo
189
- </a>
190
- </div>
191
- </div>
192
-
193
- <!-- Growth Plan -->
194
- <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-blue-500 transform scale-105">
195
- <div class="px-6 py-8">
196
- <div class="absolute top-0 right-0 bg-blue-500 text-white px-3 py-1 text-xs font-bold uppercase">Popular</div>
197
- <h3 class="text-2xl font-bold text-center text-gray-900">Growth</h3>
198
- <div class="mt-4 text-center">
199
- <span class="text-4xl font-bold text-gray-900">£699</span>
200
- <span class="text-lg font-medium text-gray-600">/month</span>
201
- </div>
202
- <p class="mt-2 text-center text-gray-600">+ £1,099 setup fee</p>
203
- <p class="mt-4 text-center text-gray-600">For growing teams or busy clinics</p>
204
- <ul class="mt-6 space-y-4">
205
- <li class="flex items-start">
206
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
207
- <span class="ml-3 text-gray-700">3 AI receptionist lines</span>
208
- </li>
209
- <li class="flex items-start">
210
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
211
- <span class="ml-3 text-gray-700">Up to 600 calls or messages</span>
212
- </li>
213
- <li class="flex items-start">
214
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
215
- <span class="ml-3 text-gray-700">Custom voice and call flow</span>
216
- </li>
217
- <li class="flex items-start">
218
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
219
- <span class="ml-3 text-gray-700">Calendar & CRM integration</span>
220
- </li>
221
- <li class="flex items-start">
222
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
223
- <span class="ml-3 text-gray-700">After-hours handling</span>
224
- </li>
225
- <li class="flex items-start">
226
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
227
- <span class="ml-3 text-gray-700">Monthly performance report</span>
228
- </li>
229
- </ul>
230
- </div>
231
- <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
232
- <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
233
- Book a Demo
234
- </a>
235
- </div>
236
- </div>
237
-
238
- <!-- Pro Plan -->
239
- <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200">
240
- <div class="px-6 py-8">
241
- <h3 class="text-2xl font-bold text-center text-gray-900">Pro</h3>
242
- <div class="mt-4 text-center">
243
- <span class="text-4xl font-bold text-gray-900">£999</span>
244
- <span class="text-lg font-medium text-gray-600">/month</span>
245
- </div>
246
- <p class="mt-2 text-center text-gray-600">+ £1,599 setup fee</p>
247
- <p class="mt-4 text-center text-gray-600">For high-volume or multi-location</p>
248
- <ul class="mt-6 space-y-4">
249
- <li class="flex items-start">
250
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
251
- <span class="ml-3 text-gray-700">Unlimited receptionist lines</span>
252
- </li>
253
- <li class="flex items-start">
254
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
255
- <span class="ml-3 text-gray-700">Unlimited calls and messages</span>
256
- </li>
257
- <li class="flex items-start">
258
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
259
- <span class="ml-3 text-gray-700">Advanced CRM integrations</span>
260
- </li>
261
- <li class="flex items-start">
262
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
263
- <span class="ml-3 text-gray-700">WhatsApp & SMS support</span>
264
- </li>
265
- <li class="flex items-start">
266
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
267
- <span class="ml-3 text-gray-700">Priority support</span>
268
- </li>
269
- <li class="flex items-start">
270
- <i data-feather="check" class="h-5 w-5 text-green-500"></i>
271
- <span class="ml-3 text-gray-700">Dedicated account manager</span>
272
- </li>
273
- </ul>
274
- </div>
275
- <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
276
- <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
277
- Book a Demo
278
- </a>
279
- </div>
280
- </div>
281
- </div>
282
- </div>
283
- </div>
284
-
285
- <!-- Industries -->
286
  <div id="industries" class="py-12 bg-gray-50">
287
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
288
  <div class="lg:text-center">
@@ -455,9 +309,154 @@
455
  </div>
456
  </div>
457
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
458
 
459
  <!-- CTA Section -->
460
- <div class="bg-blue-700">
461
  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
462
  <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
463
  <span class="block">Ready to save time and grow your business?</span>
 
136
  </div>
137
  </div>
138
  </div>
139
+ <!-- Industries -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
140
  <div id="industries" class="py-12 bg-gray-50">
141
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
142
  <div class="lg:text-center">
 
309
  </div>
310
  </div>
311
  </div>
312
+ <!-- Pricing -->
313
+ <div id="pricing" class="py-12 bg-white">
314
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
315
+ <div class="lg:text-center">
316
+ <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Pricing</h2>
317
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
318
+ Choose Your Plan
319
+ </p>
320
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
321
+ Simple, transparent pricing with no hidden fees.
322
+ </p>
323
+ </div>
324
+
325
+ <div class="mt-10 grid gap-8 md:grid-cols-3">
326
+ <!-- Starter Plan -->
327
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200">
328
+ <div class="px-6 py-8">
329
+ <h3 class="text-2xl font-bold text-center text-gray-900">Starter</h3>
330
+ <div class="mt-4 text-center">
331
+ <span class="text-4xl font-bold text-gray-900">£449</span>
332
+ <span class="text-lg font-medium text-gray-600">/month</span>
333
+ </div>
334
+ <p class="mt-2 text-center text-gray-600">+ £799 setup fee</p>
335
+ <p class="mt-4 text-center text-gray-600">For small practices and single locations</p>
336
+ <ul class="mt-6 space-y-4">
337
+ <li class="flex items-start">
338
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
339
+ <span class="ml-3 text-gray-700">1 AI receptionist line</span>
340
+ </li>
341
+ <li class="flex items-start">
342
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
343
+ <span class="ml-3 text-gray-700">Up to 200 calls or messages</span>
344
+ </li>
345
+ <li class="flex items-start">
346
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
347
+ <span class="ml-3 text-gray-700">Basic call routing</span>
348
+ </li>
349
+ <li class="flex items-start">
350
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
351
+ <span class="ml-3 text-gray-700">Standard business hours</span>
352
+ </li>
353
+ <li class="flex items-start">
354
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
355
+ <span class="ml-3 text-gray-700">Email support</span>
356
+ </li>
357
+ </ul>
358
+ </div>
359
+ <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
360
+ <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
361
+ Book a Demo
362
+ </a>
363
+ </div>
364
+ </div>
365
+
366
+ <!-- Growth Plan -->
367
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden border-2 border-blue-500 transform scale-105">
368
+ <div class="px-6 py-8">
369
+ <div class="absolute top-0 right-0 bg-blue-500 text-white px-3 py-1 text-xs font-bold uppercase">Popular</div>
370
+ <h3 class="text-2xl font-bold text-center text-gray-900">Growth</h3>
371
+ <div class="mt-4 text-center">
372
+ <span class="text-4xl font-bold text-gray-900">£699</span>
373
+ <span class="text-lg font-medium text-gray-600">/month</span>
374
+ </div>
375
+ <p class="mt-2 text-center text-gray-600">+ £1,099 setup fee</p>
376
+ <p class="mt-4 text-center text-gray-600">For growing teams or busy clinics</p>
377
+ <ul class="mt-6 space-y-4">
378
+ <li class="flex items-start">
379
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
380
+ <span class="ml-3 text-gray-700">3 AI receptionist lines</span>
381
+ </li>
382
+ <li class="flex items-start">
383
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
384
+ <span class="ml-3 text-gray-700">Up to 600 calls or messages</span>
385
+ </li>
386
+ <li class="flex items-start">
387
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
388
+ <span class="ml-3 text-gray-700">Custom voice and call flow</span>
389
+ </li>
390
+ <li class="flex items-start">
391
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
392
+ <span class="ml-3 text-gray-700">Calendar & CRM integration</span>
393
+ </li>
394
+ <li class="flex items-start">
395
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
396
+ <span class="ml-3 text-gray-700">After-hours handling</span>
397
+ </li>
398
+ <li class="flex items-start">
399
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
400
+ <span class="ml-3 text-gray-700">Monthly performance report</span>
401
+ </li>
402
+ </ul>
403
+ </div>
404
+ <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
405
+ <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
406
+ Book a Demo
407
+ </a>
408
+ </div>
409
+ </div>
410
+
411
+ <!-- Pro Plan -->
412
+ <div class="bg-white rounded-lg shadow-lg overflow-hidden border border-gray-200">
413
+ <div class="px-6 py-8">
414
+ <h3 class="text-2xl font-bold text-center text-gray-900">Pro</h3>
415
+ <div class="mt-4 text-center">
416
+ <span class="text-4xl font-bold text-gray-900">£999</span>
417
+ <span class="text-lg font-medium text-gray-600">/month</span>
418
+ </div>
419
+ <p class="mt-2 text-center text-gray-600">+ £1,599 setup fee</p>
420
+ <p class="mt-4 text-center text-gray-600">For high-volume or multi-location</p>
421
+ <ul class="mt-6 space-y-4">
422
+ <li class="flex items-start">
423
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
424
+ <span class="ml-3 text-gray-700">Unlimited receptionist lines</span>
425
+ </li>
426
+ <li class="flex items-start">
427
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
428
+ <span class="ml-3 text-gray-700">Unlimited calls and messages</span>
429
+ </li>
430
+ <li class="flex items-start">
431
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
432
+ <span class="ml-3 text-gray-700">Advanced CRM integrations</span>
433
+ </li>
434
+ <li class="flex items-start">
435
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
436
+ <span class="ml-3 text-gray-700">WhatsApp & SMS support</span>
437
+ </li>
438
+ <li class="flex items-start">
439
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
440
+ <span class="ml-3 text-gray-700">Priority support</span>
441
+ </li>
442
+ <li class="flex items-start">
443
+ <i data-feather="check" class="h-5 w-5 text-green-500"></i>
444
+ <span class="ml-3 text-gray-700">Dedicated account manager</span>
445
+ </li>
446
+ </ul>
447
+ </div>
448
+ <div class="px-6 pt-4 pb-8 bg-gray-50 text-center">
449
+ <a href="#contact" class="w-full inline-flex justify-center items-center px-4 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700">
450
+ Book a Demo
451
+ </a>
452
+ </div>
453
+ </div>
454
+ </div>
455
+ </div>
456
+ </div>
457
 
458
  <!-- CTA Section -->
459
+ <div class="bg-blue-700">
460
  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
461
  <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
462
  <span class="block">Ready to save time and grow your business?</span>