Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

App Files Community
Fazbeeer commited on
Commit
3b2f910
·
verified ·
1 Parent(s): 3edbe08

for the pricing, remove the basic and elite subscription. replace it with "Subscription Plan" and put the price as $60 and put "add-ons" and then the following are the add-ons

Browse files

Unlimited VR/AR scenarios
Full biometric suite with AI analysis
24/7 professional support
Full scenario library + custom builds
Monthly 1-on-1 coaching sessions
Personalized training plan

Files changed (1) hide show
  1. index.html +48 -91
index.html CHANGED
@@ -37,9 +37,8 @@
37
  </head>
38
  <body class="bg-black text-white font-['Montserrat']">
39
  <!-- Vanta.js Background -->
40
- <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
41
-
42
- <!-- Cart Dropdown (moved before navigation) -->
43
  <div id="cart-dropdown" class="hidden absolute right-0 mt-2 w-72 bg-black border border-yellow-500 rounded-lg shadow-lg py-2 z-50">
44
  <div class="px-4 py-2 text-white border-b border-gray-700">Your Cart</div>
45
  <div id="cart-items" class="max-h-60 overflow-y-auto">
@@ -367,97 +366,55 @@
367
  <p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
368
  Select the level of access that fits your mental training needs. All plans include our VR and AR technology.
369
  </p>
370
- <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
371
- <!-- Basic Tier -->
372
- <div class="bg-gradient-to-b from-black to-gray-900 p-8 rounded-xl border-2 border-yellow-500 transform hover:scale-105 transition relative md:col-span-1">
373
- <div class="absolute top-0 right-0 bg-yellow-500 text-black px-4 py-1 rounded-bl-lg font-bold">
374
- POPULAR
375
- </div>
376
- <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Basic</h3>
377
- <div class="text-center mb-2">
378
- <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
379
- </div>
380
- <div class="text-center mb-6">
381
- <span class="text-4xl font-bold text-yellow-500">$35</span>
382
- <span class="text-gray-400">/month</span>
383
- <div class="text-sm text-gray-400">or $365/year (save $55)</div>
384
- </div>
385
- <ul class="space-y-3 mb-8">
386
- <li class="flex items-center">
387
- <i data-feather="check" class="text-green-500 mr-2"></i>
388
  <span>Unlimited VR/AR scenarios</span>
389
  </li>
390
- <li class="flex items-center">
391
- <i data-feather="check" class="text-green-500 mr-2"></i>
392
- <span>Advanced biometric tracking</span>
393
- </li>
394
- <li class="flex items-center">
395
- <i data-feather="check" class="text-green-500 mr-2"></i>
396
- <span>Email support</span>
397
- </li>
398
- <li class="flex items-center">
399
- <i data-feather="x" class="text-gray-500 mr-2"></i>
400
- <span class="text-gray-500">Limited professional access</span>
401
- </li>
402
- </ul>
403
- <button onclick="addToCart({
404
- id: 'basic-plan',
405
- name: 'Basic Plan',
406
- price: 35,
407
- description: 'Unlimited VR/AR scenarios with advanced biometric tracking'
408
- })" class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 rounded-lg transition mb-2 flex items-center justify-center">
409
- <i data-feather="shopping-cart" class="mr-2"></i> Add to Cart
410
- </button>
411
- <p class="text-xs text-center text-gray-400">No credit card required</p>
412
- </div>
413
- <!-- Elite Tier -->
414
- <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-red-500 transform hover:scale-105 transition md:col-span-1">
415
- <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Elite</h3>
416
- <div class="text-center mb-2">
417
- <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
418
- </div>
419
- <div class="text-center mb-6">
420
- <span class="text-4xl font-bold text-red-500">$65</span>
421
- <span class="text-gray-400">/month</span>
422
- <div class="text-sm text-gray-400">or $700/year (save $80)</div>
423
- </div>
424
- <ul class="space-y-3 mb-8">
425
- <li class="flex items-center">
426
- <i data-feather="check" class="text-green-500 mr-2"></i>
427
- <span>Unlimited VR/AR scenarios</span>
428
- </li>
429
- <li class="flex items-center">
430
- <i data-feather="check" class="text-green-500 mr-2"></i>
431
- <span>Full biometric suite with AI analysis</span>
432
- </li>
433
- <li class="flex items-center">
434
- <i data-feather="check" class="text-green-500 mr-2"></i>
435
- <span>24/7 professional support</span>
436
- </li>
437
- <li class="flex items-center">
438
- <i data-feather="check" class="text-green-500 mr-2"></i>
439
- <span>Full scenario library + custom builds</span>
440
- </li>
441
- <li class="flex items-center">
442
- <i data-feather="check" class="text-green-500 mr-2"></i>
443
- <span>Monthly 1-on-1 coaching sessions</span>
444
- </li>
445
- <li class="flex items-center">
446
- <i data-feather="check" class="text-green-500 mr-2"></i>
447
- <span>Personalized training plan</span>
448
- </li>
449
- </ul>
450
- <button onclick="addToCart({
451
- id: 'elite-plan',
452
- name: 'Elite Plan',
453
- price: 65,
454
- description: 'Full suite with AI analysis, custom builds, and coaching'
455
- })" class="w-full bg-red-500 hover:bg-red-600 text-white font-bold py-3 rounded-lg transition mb-2 flex items-center justify-center">
456
- <i data-feather="shopping-cart" class="mr-2"></i> Add to Cart
457
- </button>
458
- <p class="text-xs text-center text-gray-400">No credit card required</p>
459
- </div>
460
  </div>
 
461
  </div>
462
  </section>
463
 
 
37
  </head>
38
  <body class="bg-black text-white font-['Montserrat']">
39
  <!-- Vanta.js Background -->
40
+ <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0">
41
+ <!-- Cart Dropdown (moved before navigation) -->
 
42
  <div id="cart-dropdown" class="hidden absolute right-0 mt-2 w-72 bg-black border border-yellow-500 rounded-lg shadow-lg py-2 z-50">
43
  <div class="px-4 py-2 text-white border-b border-gray-700">Your Cart</div>
44
  <div id="cart-items" class="max-h-60 overflow-y-auto">
 
366
  <p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
367
  Select the level of access that fits your mental training needs. All plans include our VR and AR technology.
368
  </p>
369
+ <div class="max-w-md mx-auto bg-gradient-to-b from-black to-gray-900 p-8 rounded-xl border-2 border-yellow-500 transform hover:scale-105 transition">
370
+ <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Subscription Plan</h3>
371
+ <div class="text-center mb-2">
372
+ <span class="text-sm font-bold text-green-400">7-DAY FREE TRIAL</span>
373
+ </div>
374
+ <div class="text-center mb-6">
375
+ <span class="text-4xl font-bold text-yellow-500">$60</span>
376
+ <span class="text-gray-400">/month</span>
377
+ <div class="text-sm text-gray-400">or $650/year (save $70)</div>
378
+ </div>
379
+
380
+ <h4 class="text-xl font-bold text-center mb-4 text-yellow-500">Add-ons</h4>
381
+ <ul class="space-y-3 mb-8">
382
+ <li class="flex items-center">
383
+ <i data-feather="check" class="text-green-500 mr-2"></i>
 
 
 
384
  <span>Unlimited VR/AR scenarios</span>
385
  </li>
386
+ <li class="flex items-center">
387
+ <i data-feather="check" class="text-green-500 mr-2"></i>
388
+ <span>Full biometric suite with AI analysis</span>
389
+ </li>
390
+ <li class="flex items-center">
391
+ <i data-feather="check" class="text-green-500 mr-2"></i>
392
+ <span>24/7 professional support</span>
393
+ </li>
394
+ <li class="flex items-center">
395
+ <i data-feather="check" class="text-green-500 mr-2"></i>
396
+ <span>Full scenario library + custom builds</span>
397
+ </li>
398
+ <li class="flex items-center">
399
+ <i data-feather="check" class="text-green-500 mr-2"></i>
400
+ <span>Monthly 1-on-1 coaching sessions</span>
401
+ </li>
402
+ <li class="flex items-center">
403
+ <i data-feather="check" class="text-green-500 mr-2"></i>
404
+ <span>Personalized training plan</span>
405
+ </li>
406
+ </ul>
407
+ <button onclick="addToCart({
408
+ id: 'subscription-plan',
409
+ name: 'Subscription Plan',
410
+ price: 60,
411
+ description: 'Complete package with all add-ons included'
412
+ })" class="w-full bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 rounded-lg transition mb-2 flex items-center justify-center">
413
+ <i data-feather="shopping-cart" class="mr-2"></i> Add to Cart
414
+ </button>
415
+ <p class="text-xs text-center text-gray-400">No credit card required</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
416
  </div>
417
+ </div>
418
  </div>
419
  </section>
420