Hugging Face's logo

Spaces:
2025Amplify
/
Amplify.com
Running

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

Promote version 3edbe08 to main

Browse files

Promoted commit 3edbe087613e305c1bf1933bb534d9a5c0f1f324 to main branch

Files changed (1) hide show
  1. index.html +91 -48
index.html CHANGED
@@ -37,8 +37,9 @@
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,55 +367,97 @@
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
 
 
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
  <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