Spaces:
Running
Running
Put this before the "Choose your Plan"
Browse files- index.html +74 -1
index.html
CHANGED
|
@@ -357,11 +357,84 @@
|
|
| 357 |
</div>
|
| 358 |
</div>
|
| 359 |
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 360 |
|
| 361 |
<!-- Pricing Section -->
|
| 362 |
<section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
|
| 363 |
<div class="container mx-auto px-6">
|
| 364 |
-
|
| 365 |
<span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span>
|
| 366 |
</h2>
|
| 367 |
<p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
|
|
|
|
| 357 |
</div>
|
| 358 |
</div>
|
| 359 |
</section>
|
| 360 |
+
<!-- Testimonials Section -->
|
| 361 |
+
<section class="relative z-10 py-20 bg-black bg-opacity-90">
|
| 362 |
+
<div class="container mx-auto px-6">
|
| 363 |
+
<h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider">
|
| 364 |
+
<span class="text-yellow-500">TRUSTED</span> <span class="text-white">BY</span> <span class="text-red-500">CHAMPIONS</span>
|
| 365 |
+
</h2>
|
| 366 |
+
|
| 367 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 368 |
+
<!-- Testimonial 1 -->
|
| 369 |
+
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500">
|
| 370 |
+
<div class="flex items-center mb-6">
|
| 371 |
+
<img src="http://static.photos/people/200x200/101" alt="Alex Morgan" class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
|
| 372 |
+
<div>
|
| 373 |
+
<h3 class="text-xl font-bold text-yellow-500">Alex Morgan</h3>
|
| 374 |
+
<p class="text-gray-400">Professional Athlete</p>
|
| 375 |
+
</div>
|
| 376 |
+
</div>
|
| 377 |
+
<p class="text-gray-300 mb-4 italic">
|
| 378 |
+
"Amplify's VR training helped me overcome performance anxiety and take my game to the next level."
|
| 379 |
+
</p>
|
| 380 |
+
<div class="flex text-yellow-500">
|
| 381 |
+
<i data-feather="star" class="fill-current"></i>
|
| 382 |
+
<i data-feather="star" class="fill-current"></i>
|
| 383 |
+
<i data-feather="star" class="fill-current"></i>
|
| 384 |
+
<i data-feather="star" class="fill-current"></i>
|
| 385 |
+
<i data-feather="star" class="fill-current"></i>
|
| 386 |
+
</div>
|
| 387 |
+
</div>
|
| 388 |
+
|
| 389 |
+
<!-- Testimonial 2 -->
|
| 390 |
+
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500">
|
| 391 |
+
<div class="flex items-center mb-6">
|
| 392 |
+
<img src="http://static.photos/people/200x200/102" alt="Jamie Chen" class="w-16 h-16 rounded-full border-2 border-red-500 mr-4">
|
| 393 |
+
<div>
|
| 394 |
+
<h3 class="text-xl font-bold text-red-500">Jamie Chen</h3>
|
| 395 |
+
<p class="text-gray-400">Corporate Executive</p>
|
| 396 |
+
</div>
|
| 397 |
+
</div>
|
| 398 |
+
<p class="text-gray-300 mb-4 italic">
|
| 399 |
+
"The AR coaching completely transformed how I prepare for high-stakes presentations and negotiations."
|
| 400 |
+
</p>
|
| 401 |
+
<div class="flex text-red-500">
|
| 402 |
+
<i data-feather="star" class="fill-current"></i>
|
| 403 |
+
<i data-feather="star" class="fill-current"></i>
|
| 404 |
+
<i data-feather="star" class="fill-current"></i>
|
| 405 |
+
<i data-feather="star" class="fill-current"></i>
|
| 406 |
+
<i data-feather="star" class="fill-current"></i>
|
| 407 |
+
</div>
|
| 408 |
+
</div>
|
| 409 |
+
|
| 410 |
+
<!-- Testimonial 3 -->
|
| 411 |
+
<div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500">
|
| 412 |
+
<div class="flex items-center mb-6">
|
| 413 |
+
<img src="http://static.photos/people/200x200/103" alt="Marcus Taylor" class="w-16 h-16 rounded-full border-2 border-yellow-500 mr-4">
|
| 414 |
+
<div>
|
| 415 |
+
<h3 class="text-xl font-bold text-yellow-500">Marcus Taylor</h3>
|
| 416 |
+
<p class="text-gray-400">Performing Artist</p>
|
| 417 |
+
</div>
|
| 418 |
+
</div>
|
| 419 |
+
<p class="text-gray-300 mb-4 italic">
|
| 420 |
+
"The biofeedback training gave me complete control over my nerves before performances. Game changer!"
|
| 421 |
+
</p>
|
| 422 |
+
<div class="flex text-yellow-500">
|
| 423 |
+
<i data-feather="star" class="fill-current"></i>
|
| 424 |
+
<i data-feather="star" class="fill-current"></i>
|
| 425 |
+
<i data-feather="star" class="fill-current"></i>
|
| 426 |
+
<i data-feather="star" class="fill-current"></i>
|
| 427 |
+
<i data-feather="star" class="fill-current"></i>
|
| 428 |
+
</div>
|
| 429 |
+
</div>
|
| 430 |
+
</div>
|
| 431 |
+
</div>
|
| 432 |
+
</section>
|
| 433 |
|
| 434 |
<!-- Pricing Section -->
|
| 435 |
<section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900">
|
| 436 |
<div class="container mx-auto px-6">
|
| 437 |
+
<h2 class="text-4xl font-bold text-center mb-6 font-['Bebas+Neue'] tracking-wider">
|
| 438 |
<span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span>
|
| 439 |
</h2>
|
| 440 |
<p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto">
|