Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>About Us - Amplify</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://www.360cities.net/lib/embed.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600;700&display=swap'); | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #3a0000 100%); | |
| } | |
| .glow-text { | |
| text-shadow: 0 0 10px rgba(212, 175, 55, 0.7); | |
| } | |
| .value-card { | |
| transition: all 0.3s ease; | |
| } | |
| .value-card:hover { | |
| transform: translateY(-5px); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-black text-white font-['Montserrat']"> | |
| <!-- Vanta.js Background --> | |
| <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div> | |
| <!-- Navigation --> | |
| <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500"> | |
| <div class="container mx-auto px-6 py-4"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="zap" class="text-yellow-500"></i> | |
| <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span> | |
| </div> | |
| <div class="hidden md:flex items-center space-x-8"> | |
| <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a> | |
| <a href="index.html#features" class="text-white hover:text-yellow-500 transition">Features</a> | |
| <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a> | |
| <a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About</a> | |
| <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a> | |
| <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a> | |
| <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center"> | |
| <i data-feather="user" class="mr-2"></i> Login | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- About Hero Section --> | |
| <section class="relative z-10 hero-gradient py-32"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-8 tracking-wider"> | |
| <span class="text-yellow-500 glow-text">OUR STORY</span> | |
| </h1> | |
| <p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300"> | |
| Empowering minds through innovative technology and performance psychology | |
| </p> | |
| </div> | |
| </section> | |
| <!-- About Content --> | |
| <section class="relative z-10 py-20 bg-black bg-opacity-90"> | |
| <div class="container mx-auto px-6"> | |
| <div class="flex flex-col md:flex-row items-center mb-20"> | |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12"> | |
| <img src="http://static.photos/education/640x360/42" alt="Amplify Team" class="rounded-lg border-2 border-yellow-500 shadow-xl"> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <h2 class="text-4xl font-bold mb-6 font-['Bebas+Neue'] tracking-wider"> | |
| <span class="text-yellow-500">WHO</span> <span class="text-white">WE ARE</span> | |
| </h2> | |
| <p class="text-lg mb-6 text-gray-300"> | |
| Amplify is a platform for mental fitness that allows users to train their minds in the same way as they train their bodies. Our goal is to support users in maintaining resilience, focus, and confidence during stressful situations, such as a big presentation, a job interview, or the first day of a new position. | |
| </p> | |
| <p class="text-lg mb-6 text-gray-300"> | |
| Through immersive VR and AR experiences, Amplify places users in realistic situations to practice performance under pressure. While optional one-on-one sessions with trained coaches offer additional, individualized assistance, the integrated AI Coach offers immediate feedback and encouragement. | |
| </p> | |
| <p class="text-lg text-gray-300"> | |
| Amplify makes mental training available to everyone by fusing human interaction with modern technology. We think that confidence is something you can develop rather than something you are born with. Amplify gives you the ability to provide your best effort whenever and wherever you choose. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Core Values --> | |
| <div class="py-16"> | |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> | |
| <span class="text-yellow-500">OUR</span> <span class="text-white">CORE</span> <span class="text-red-500">VALUES</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Value 1 --> | |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col"> | |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <i data-feather="target" class="text-black text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Excellence</h3> | |
| <p class="text-gray-300 text-center flex-grow"> | |
| We strive for excellence in everything we do, from our technology to our customer support. | |
| </p> | |
| </div> | |
| <!-- Value 2 --> | |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 value-card h-full flex flex-col"> | |
| <div class="w-16 h-16 bg-red-500 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <i data-feather="heart" class="text-black text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-center mb-4 text-red-500">Empathy</h3> | |
| <p class="text-gray-300 text-center flex-grow"> | |
| We understand our users' challenges and design solutions that truly meet their needs. | |
| </p> | |
| </div> | |
| <!-- Value 3 --> | |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 value-card h-full flex flex-col"> | |
| <div class="w-16 h-16 bg-yellow-500 rounded-full flex items-center justify-center mb-6 mx-auto"> | |
| <i data-feather="zap" class="text-black text-2xl"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Innovation</h3> | |
| <p class="text-gray-300 text-center"> | |
| We constantly push boundaries to create cutting-edge mental performance solutions. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Meet the Team --> | |
| <div class="py-16"> | |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> | |
| <span class="text-yellow-500">MEET</span> <span class="text-white">THE</span> <span class="text-red-500">TEAM</span> | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Team Member 1 --> | |
| <div class="group"> | |
| <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64"> | |
| <img src="http://static.photos/education/640x360/124" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div> | |
| <div class="absolute bottom-0 left-0 p-4"> | |
| <h3 class="text-xl font-bold text-white">Alex Johnson</h3> | |
| <p class="text-yellow-500">CEO & Founder</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-300"> | |
| Former sports psychologist turned tech entrepreneur, Alex founded Amplify to bridge the gap between mental training and technology. | |
| </p> | |
| </div> | |
| <!-- Team Member 2 --> | |
| <div class="group"> | |
| <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64"> | |
| <img src="http://static.photos/education/640x360/125" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div> | |
| <div class="absolute bottom-0 left-0 p-4"> | |
| <h3 class="text-xl font-bold text-white">Sarah Chen</h3> | |
| <p class="text-red-500">CTO</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-300"> | |
| VR/AR expert with a passion for human-computer interaction, Sarah leads our technical innovation efforts. | |
| </p> | |
| </div> | |
| <!-- Team Member 3 --> | |
| <div class="group"> | |
| <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64"> | |
| <img src="http://static.photos/education/640x360/126" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500"> | |
| <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div> | |
| <div class="absolute bottom-0 left-0 p-4"> | |
| <h3 class="text-xl font-bold text-white">Marcus Wright</h3> | |
| <p class="text-yellow-500">Head of Coaching</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-300"> | |
| Former professional athlete who brings real-world performance experience to our training programs. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Pricing Section --> | |
| <section id="pricing" class="relative z-10 py-20 bg-gradient-to-b from-black to-gray-900"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-4xl font-bold text-center mb-6 font-['Bebas+Neue'] tracking-wider"> | |
| <span class="text-yellow-500">CHOOSE</span> <span class="text-white">YOUR</span> <span class="text-red-500">PLAN</span> | |
| </h2> | |
| <p class="text-xl text-center text-gray-400 mb-16 max-w-2xl mx-auto"> | |
| Select the level of access that fits your mental training needs. All plans include our VR and AR technology. | |
| </p> | |
| <div class="flex justify-center"> | |
| <div class="grid grid-cols-1 gap-8 max-w-4xl"> | |
| <!-- Free Trial --> | |
| <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-green-500 transform hover:scale-105 transition mx-auto hovered-element"> | |
| <h3 class="text-2xl font-bold text-center mb-4 text-green-500">7-Day Free Trial</h3> | |
| <div class="text-center mb-6 hovered-element"> | |
| <span class="text-4xl font-bold text-green-500">$0</span> | |
| <span class="text-gray-400">for 7 days</span> | |
| </div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Full access to all features</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Unlimited VR/AR scenarios</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg> | |
| <span>Basic biometric analysis</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> | |
| <span class="text-gray-400">No custom scenarios</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg> | |
| <span class="text-gray-400">No coaching sessions</span> | |
| </li> | |
| </ul> | |
| <a href="https://portal.veinternational.org/buybuttons/us0110243/btn/free-trial-2/" class="w-full bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap mr-2"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg> Start Free Trial | |
| </a> | |
| </div> | |
| <!-- Core Plan --> | |
| <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto"> | |
| <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Amplify Core</h3> | |
| <div class="text-center mb-6"> | |
| <span class="text-4xl font-bold text-yellow-500">$60</span> | |
| <span class="text-gray-400">/month</span> | |
| <div class="mt-2 text-yellow-400"> | |
| <span class="font-bold">$700/year</span> - Save $80 with annual billing | |
| </div> | |
| </div> | |
| <ul class="space-y-3 mb-8"> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-green-500 mr-2"></i> | |
| <span>Immersive VR/AR training environments</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-green-500 mr-2"></i> | |
| <span>Personalized AI feedback</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i data-feather="check" class="text-green-500 mr-2"></i> | |
| <span>Progress tracking</span> | |
| </li> | |
| </ul> | |
| <a href="https://portal.veinternational.org/buybuttons/us0110243/btn/amplify-1/" class="w-full bg-gradient-to-r from-yellow-600 to-yellow-800 hover:from-yellow-500 hover:to-yellow-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center"> | |
| <i data-feather="zap" class="mr-2"></i> Buy Now | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Join Us CTA --> | |
| <section class="relative z-10 py-20 bg-gradient-to-r from-black via-gray-900 to-black"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-4xl md:text-5xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider"> | |
| <span class="text-yellow-500">JOIN</span> <span class="text-white">OUR</span> <span class="text-red-500">MISSION</span> | |
| </h2> | |
| <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300"> | |
| We're always looking for passionate individuals to join our team and help transform mental performance. | |
| </p> | |
| <button class="bg-gradient-to-r from-yellow-500 to-[#9b0000] hover:from-yellow-600 hover:to-[#7a0000] text-black font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4"> | |
| View Open Positions | |
| </button> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <i data-feather="zap" class="text-yellow-500"></i> | |
| <span class="text-2xl font-bold font-['Bebas+Neue'] tracking-wider text-yellow-500">AMPLIFY</span> | |
| </div> | |
| <p class="text-gray-400 mb-4"> | |
| Mental performance technology for champions in sports, business, and life. | |
| </p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-yellow-500 transition"> | |
| <i data-feather="facebook"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-yellow-500 transition"> | |
| <i data-feather="twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-yellow-500 transition"> | |
| <i data-feather="instagram"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-yellow-500 transition"> | |
| <i data-feather="linkedin"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-4">Products</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">VR Training</a></li> | |
| <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">AR Coaching</a></li> | |
| <li><a href="index.html#features" class="text-gray-400 hover:text-yellow-500 transition">Biofeedback</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-4">Company</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="about.html" class="text-yellow-500 hover:text-yellow-400 transition">About Us</a></li> | |
| <li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency Converter</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Careers</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Press</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold text-white mb-4">Resources</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Research</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-500 mb-4 md:mb-0"> | |
| © 2025 Amplify Technologies. All rights reserved. | |
| </p> | |
| <div class="flex space-x-6"> | |
| <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Privacy Policy</a> | |
| <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Terms of Service</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Initialize Vanta.js background | |
| VANTA.GLOBE({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0xb8860b, | |
| backgroundColor: 0x0, | |
| size: 0.8 | |
| }); | |
| // Feather icons | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |