|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| |
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-RTR4DLTDNS"></script> |
| <script> |
| window.dataLayer = window.dataLayer || []; |
| function gtag(){dataLayer.push(arguments);} |
| gtag('js', new Date()); |
| gtag('config', 'G-RTR4DLTDNS'); |
| </script> |
| <script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"68e50e0a6662dced96925247"}};</script> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Amplify - Mental Performance for Champions</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> |
| <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%); |
| } |
| .pulse-animation { |
| animation: pulse 2s infinite; |
| } |
| @keyframes pulse { |
| 0% { transform: scale(1); } |
| 50% { transform: scale(1.05); } |
| 100% { transform: scale(1); } |
| } |
| .vr-headset { |
| transform-style: preserve-3d; |
| transform: perspective(1000px) rotateY(-15deg); |
| transition: all 0.3s ease; |
| } |
| .vr-headset:hover { |
| transform: perspective(1000px) rotateY(0deg); |
| } |
| .glow-text { |
| text-shadow: 0 0 10px rgba(212, 175, 55, 0.7); |
| } |
| </style> |
| </head> |
| <body class="bg-black text-white font-['Montserrat']"> |
| |
| <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0 opacity-90"></div> |
| <div class="fixed top-0 left-0 w-full h-full z-0 bg-gradient-to-b from-black via-transparent to-black opacity-30"></div> |
| <fireworks-animation></fireworks-animation> |
| <amplify-2026></amplify-2026> |
| <valentine-popup></valentine-popup> |
| |
| <div id="google_translate_element" class="absolute top-4 right-4 z-50"></div> |
| <script type="text/javascript"> |
| function googleTranslateElementInit() { |
| new google.translate.TranslateElement({ |
| pageLanguage: 'en', |
| includedLanguages: 'en,es,fr,de,it,ru,tr,zh-CN,ja,ko', |
| autoDisplay: false, |
| layout: google.translate.TranslateElement.InlineLayout.SIMPLE |
| }, 'google_translate_element'); |
| } |
| </script> |
| <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> |
| |
| <nav class="relative z-10 bg-black bg-opacity-80 border-b border-yellow-500"> |
| |
| <div class="w-full bg-[#004600] text-center py-2 px-4"> |
| <div class="flex items-center justify-center space-x-2 hovered-element"> |
| <span class="text-white text-xl">🍀</span> |
| <span class="text-white font-bold hovered-element">Spring Into Success! Get 15% off all plans with code FRESHSTART</span> |
| <span class="text-white text-xl">🍀</span> |
| </div> |
| </div> |
| <div class="container mx-auto px-6 py-4"> |
| <div class="flex justify-between items-center"> |
| |
| <div class="md:hidden"> |
| <button id="mobile-menu-button" class="text-white focus:outline-none"> |
| <i data-feather="menu"></i> |
| </button> |
| </div> |
| |
| <div class="hidden md:flex items-center justify-center flex-grow space-x-8 hovered-element"> |
| <a href="index.html" class="text-white hover:text-yellow-500 transition">Home</a> |
| <a href="about.html" class="text-white hover:text-yellow-500 transition">About</a> |
| <a href="pricing.html" class="text-white hover:text-yellow-500 transition">Pricing</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="competition-results.html" class="text-white hover:text-yellow-500 transition">Results</a> |
| <a href="results.html" class="text-white hover:text-yellow-500 transition">Testimony</a> |
| <a href="recruiting.html" class="text-white hover:text-yellow-500 transition">Careers</a> |
| <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a> |
| <a href="newsletter.html" class="text-white hover:text-yellow-500 transition">Newsletters</a> |
| </div> |
| <script> |
| </script> |
| </div> |
| </div> |
| </div> |
| </nav> |
| |
| <section class="relative z-10 bg-black min-h-screen flex items-center"> |
| <div class="container mx-auto px-6 py-20 md:py-32"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-12 md:mb-0"> |
| <h1 class="text-5xl md:text-7xl font-bold font-['Bebas+Neue'] mb-6 tracking-wider animate__animated animate__fadeInDown"> |
| <span class="text-yellow-500 glow-text">AMPLIFY YOUR POTENTIAL</span> |
| </h1> |
| <p class="text-xl md:text-2xl mb-8 text-gray-300 animate__animated animate__fadeIn animate__delay-1s"> |
| Amplify closes the gap for rising professionals between the classroom and the workforce |
| </p> |
| <div class="flex space-x-4 animate__animated animate__fadeInUp animate__delay-1s"> |
| <a href="pricing.html" class="bg-[#9b0000] hover:bg-[#7a0000] text-white font-bold px-8 py-4 rounded-lg text-lg transition-all transform hover:scale-105 inline-block shadow-lg hover:shadow-xl"> |
| Get Started |
| </a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-start pl-12"> |
| <div class="vr-headset pulse-animation"> |
| <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen Shot 2025-12-05 at 9.46.48 AM copy.png" alt="VR Headset" class="rounded-lg shadow-2xl w-full h-auto max-w-md object-contain hovered-element"> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section id="features" class="relative z-10 py-20 bg-black bg-opacity-90"> |
| <div class="container mx-auto px-6"> |
| <h2 class="text-4xl font-bold text-center mb-16 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-yellow-500">TRAIN</span> <span class="text-red-500">YOUR</span> <span class="text-white">MIND</span> |
| </h2> |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition 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="eye" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">VR Scenarios</h3> |
| <p class="text-gray-300 text-center flex-grow"> |
| Immersive virtual reality puts you in high-pressure situations before the big moment. Practice speeches, game-winning shots, or important interviews. |
| </p> |
| </div> |
| |
| |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-red-500 transform hover:scale-105 transition 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="layers" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-center mb-4 text-red-500">AR Training</h3> |
| <p class="text-gray-300 text-center flex-grow"> |
| Augmented reality overlays provide real-time feedback on posture, breathing, and movement during your practice sessions. |
| </p> |
| </div> |
| |
| |
| <div class="bg-gradient-to-br from-black to-gray-900 p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition 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="activity" class="text-black text-2xl"></i> |
| </div> |
| <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Biometrics</h3> |
| <p class="text-gray-300 text-center"> |
| Track heart rate, breathing patterns, and stress levels to understand and control your physiological responses to pressure. |
| </p> |
| </div> |
| </div> |
| |
| <div class="mt-16 grid grid-cols-1 md:grid-cols-2 gap-8"> |
| <div class="bg-black bg-opacity-70 p-8 rounded-xl border border-gray-800"> |
| <h3 class="text-2xl font-bold mb-4 text-yellow-500">How It Works</h3> |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1"> |
| <span class="font-bold">1</span> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Select Your Scenario</h4> |
| <p class="text-gray-400">Choose from our library of high-pressure situations or create a custom scenario.</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1"> |
| <span class="font-bold">2</span> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Practice in VR/AR</h4> |
| <p class="text-gray-400">Experience the situation in a safe, controlled environment with our technology.</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1"> |
| <span class="font-bold">3</span> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Analyze Performance</h4> |
| <p class="text-gray-400">Review biometric data and get personalized feedback on how to improve.</p> |
| </div> |
| </div> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 bg-yellow-500 text-black rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1"> |
| <span class="font-bold">4</span> |
| </div> |
| <div> |
| <h4 class="font-bold text-white">Repeat & Improve</h4> |
| <p class="text-gray-400">Build confidence through repeated exposure and measurable progress.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="bg-black bg-opacity-70 p-8 rounded-xl border border-gray-800"> |
| <h3 class="text-2xl font-bold mb-4 text-red-500">Real-Time Performance Dashboard</h3> |
| <div class="relative w-full h-64 mb-4 rounded-lg overflow-hidden border-2 border-yellow-500 bg-black"> |
| <div id="performance-dashboard" class="w-full h-full flex flex-col justify-center items-center"> |
| <div class="flex justify-around w-full mb-8"> |
| <div class="text-center"> |
| <div class="text-4xl font-bold text-yellow-500" id="confidence-level">87%</div> |
| <div class="text-gray-300">Confidence</div> |
| </div> |
| <div class="text-center"> |
| <div class="text-4xl font-bold text-red-500" id="stress-level">42%</div> |
| <div class="text-gray-300">Stress</div> |
| </div> |
| <div class="text-center"> |
| <div class="text-4xl font-bold text-green-500" id="focus-level">93%</div> |
| <div class="text-gray-300">Focus</div> |
| </div> |
| </div> |
| <div class="w-4/5 h-4 bg-gray-800 rounded-full mb-2"> |
| <div id="performance-bar" class="h-full bg-gradient-to-r from-red-500 via-yellow-500 to-green-500 rounded-full" style="width: 72%"></div> |
| </div> |
| <p class="text-gray-300">Your current performance score</p> |
| </div> |
| </div> |
| <p class="text-gray-300 mb-4"> |
| This interactive dashboard simulates real biometric data from our training sessions. |
| </p> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <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"> |
| <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12"> |
| <h2 class="text-4xl font-bold mb-8 font-['Bebas+Neue'] tracking-wider"> |
| <span class="text-yellow-500">VR</span> <span class="text-white">TRAINING</span> <span class="text-red-500">ARENA</span> |
| </h2> |
| <p class="text-lg mb-6 text-gray-300"> |
| Experience our state-of-the-art VR training environment designed to simulate high-pressure scenarios with realistic physics and interactions. |
| </p> |
| <p class="text-lg mb-6 text-gray-300"> |
| Our VR arena features customizable environments, real-time biometric feedback, and AI-powered opponents that adapt to your skill level. |
| </p> |
| <div class="flex space-x-4"> |
| <a href="pricing.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-6 py-3 rounded-lg transition flex items-center"> |
| <i data-feather="zap" class="mr-2"></i> Try It Now |
| </a> |
| <a href="about.html" class="border-2 border-yellow-500 hover:bg-yellow-500 hover:text-black text-white font-bold px-6 py-3 rounded-lg transition flex items-center"> |
| <i data-feather="info" class="mr-2"></i> Learn More |
| </a> |
| </div> |
| </div> |
| <div class="md:w-1/2"> |
| <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/IMG_0782.jpeg" |
| alt="VR Training Arena" |
| class="rounded-lg border-2 border-yellow-500 shadow-xl hover:scale-105 transition duration-300 mx-auto"> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <section class="relative z-10 py-20 bg-black bg-opacity-90" style="background: linear-gradient(to right, rgba(0,0,0,0.9), rgba(26,26,26,0.9))"> |
| <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">READY</span> <span class="text-white">TO</span> <span class="text-red-500">AMPLIFY</span> <span class="text-white">YOUR</span> <span class="text-yellow-500">PERFORMANCE?</span> |
| </h2> |
| <p class="text-xl mb-12 max-w-2xl mx-auto text-gray-300"> |
| Join thousands of athletes, performers, and professionals who are mastering their minds with our technology. |
| </p> |
| <a href="pricing.html" class="bg-gradient-to-r from-yellow-600 to-yellow-800 hover:from-yellow-500 hover:to-yellow-700 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4 inline-block"> |
| Get Started Now |
| </a> |
| <p class="text-sm text-gray-400">Start your journey to peak performance today</p> |
| </div> |
| </section> |
| |
| <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"> |
| <img src="https://huggingface.co/spaces/Fazbeeer/mindmaster-vr-arena-clone/resolve/main/images/Screen_Shot_2025-10-31_at_9.36.06_AM-removebg-preview%20(1).png" |
| alt="Amplify Logo" |
| class="h-16 w-auto"> |
| <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> |
| |
| <div> |
| </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-gray-400 hover:text-yellow-500 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="help.html" class="text-gray-400 hover:text-yellow-500 transition">Help Center</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Community</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.<br> |
| <span class="text-sm text-yellow-500">Disclaimer: This Virtual Enterprise online store is for educational purposes only (2025-2026 - Amplify)</span> |
| </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> |
| <a href="#" class="text-gray-500 hover:text-yellow-500 transition">Cookies</a> |
| </div> |
| </div> |
| </div> |
| <div class="flex justify-center py-4"> |
| <a href="https://www.instagram.com/amplify_ve?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" |
| target="_blank" |
| class="text-white hover:text-yellow-500 transition-transform hover:scale-110"> |
| <i data-feather="instagram" class="w-8 h-8"></i> |
| </a> |
| </div> |
| </footer> |
| |
| <div id="mobile-menu" class="hidden fixed inset-0 bg-black bg-opacity-90 z-50 flex flex-col items-center justify-center"> |
| <button id="mobile-menu-close" class="absolute top-4 right-4 text-white text-2xl"> |
| <i data-feather="x"></i> |
| </button> |
| <div class="flex flex-col space-y-6 text-center"> |
| <a href="index.html" class="text-2xl text-white hover:text-yellow-500 transition">Home</a> |
| <a href="index.html#features" class="text-2xl text-white hover:text-yellow-500 transition">Features</a> |
| <a href="index.html#pricing" class="text-2xl text-white hover:text-yellow-500 transition">Pricing</a> |
| <a href="about.html" class="text-2xl text-white hover:text-yellow-500 transition">About</a> |
| <a href="currency.html" class="text-2xl text-white hover:text-yellow-500 transition">Currency</a> |
| <a href="events.html" class="text-2xl text-white hover:text-yellow-500 transition">Events</a> |
| <a href="recruiting.html" class="text-2xl text-white hover:text-yellow-500 transition">Careers</a> |
| </div> |
| </div> |
| |
| <script src="components/footer.js"></script> |
| <script src="components/fireworks.js"></script> |
| <script src="components/amplify-2026.js"></script> |
| <script src="components/newsletter.js"></script> |
| <script src="components/fireworks-animation.js"></script> |
| <script src="components/faq-chat.js"></script> |
| <script src="components/valentine-popup.js"></script> |
| <faq-chat></faq-chat> |
| |
| <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script> |
| <script src="https://unpkg.com/i18next-browser-languagedetector/i18nextBrowserLanguageDetector.js"></script> |
| <script src="https://unpkg.com/i18next-http-backend/i18nextHttpBackend.js"></script> |
| <fireworks-animation></fireworks-animation> |
| |
| <script> |
| // Initialize i18next with translations |
| i18next |
| .use(i18nextBrowserLanguageDetector) |
| .init({ |
| fallbackLng: 'en', |
| debug: false, |
| resources: { |
| en: { |
| translation: { |
| "home": "Home", |
| "features": "Features", |
| "pricing": "Pricing", |
| "about": "About", |
| "currency": "Currency", |
| "events": "Events", |
| "results": "Results", |
| "login": "Login", |
| "title": "Amplify - Mental Performance for Champions", |
| "hero_title": "AMPLIFY YOUR MIND", |
| "hero_subtitle": " |
| Mental fitness training for professionals and performers. |
| ", |
| "get_started": "Get Started", |
| "watch_demo": "Watch Demo", |
| "train_your_mind": "TRAIN YOUR MIND", |
| "vr_scenarios": "VR Scenarios", |
| "vr_desc": "Immersive virtual reality puts you in high-pressure situations before the big moment.", |
| "ar_training": "AR Training", |
| "ar_desc": "Augmented reality overlays provide real-time feedback on posture, breathing, and movement.", |
| "biometrics": "Biometrics", |
| "bio_desc": "Track heart rate, breathing patterns, and stress levels to understand your physiological responses." |
| // Add more translations as needed |
| } |
| }, |
| es: { |
| translation: { |
| "home": "Inicio", |
| "features": "Características", |
| "pricing": "Precios", |
| "about": "Sobre nosotros", |
| "currency": "Moneda", |
| "events": "Eventos", |
| "results": "Resultados", |
| "login": "Iniciar sesión", |
| "title": "Amplify - Rendimiento mental para campeones", |
| "hero_title": "AMPLIFICA TU MENTE", |
| "hero_subtitle": "Entrenamiento mental con VR y AR para atletas y artistas.", |
| "get_started": "Comenzar", |
| "watch_demo": "Ver demo", |
| "train_your_mind": "ENTRENA TU MENTE", |
| "vr_scenarios": "Escenarios VR", |
| "vr_desc": "La realidad virtual inmersiva te coloca en situaciones de alta presión antes del gran momento.", |
| "ar_training": "Entrenamiento AR", |
| "ar_desc": "Las superposiciones de realidad aumentada proporcionan retroalimentación en tiempo real sobre postura, respiración y movimiento.", |
| "biometrics": "Biometría", |
| "bio_desc": "Monitorea ritmo cardíaco, patrones de respiración y niveles de estrés para entender tus respuestas fisiológicas." |
| // Add more Spanish translations as needed |
| } |
| }, |
| fr: { |
| translation: { |
| "home": "Accueil", |
| "features": "Fonctionnalités", |
| "pricing": "Tarifs", |
| "about": "À propos", |
| "currency": "Devise", |
| "events": "Événements", |
| "results": "Résultats", |
| "login": "Connexion", |
| "title": "Amplify - Performance mentale pour les champions", |
| "hero_title": "AMPLIFIEZ VOTRE ESPRIT", |
| "hero_subtitle": "Formation mentale en VR et AR pour les athlètes et les artistes.", |
| "get_started": "Commencer", |
| "watch_demo": "Voir la démo", |
| "train_your_mind": "ENTRAÎNEZ VOTRE ESPRIT", |
| "vr_scenarios": "Scénarios VR", |
| "vr_desc": "La réalité virtuelle immersive vous place dans des situations de haute pression avant le grand moment.", |
| "ar_training": "Formation AR", |
| "ar_desc": "Les superpositions de réalité augmentée fournissent des commentaires en temps réel sur la posture, la respiration et le mouvement.", |
| "biometrics": "Biométrie", |
| "bio_desc": "Suivez la fréquence cardiaque, les schémas respiratoires et les niveaux de stress pour comprendre vos réponses physiologiques." |
| // Add more French translations as needed |
| } |
| }, |
| de: { |
| translation: { |
| "home": "Startseite", |
| "features": "Funktionen", |
| "pricing": "Preise", |
| "about": "Über uns", |
| "currency": "Währung", |
| "events": "Veranstaltungen", |
| "results": "Ergebnisse", |
| "login": "Anmelden", |
| "title": "Amplify - Mentale Leistung für Champions", |
| "hero_title": "VERSTÄRKEN SIE IHREN GEIST", |
| "hero_subtitle": "VR- und AR-Mentaltraining für Sportler und Künstler.", |
| "get_started": "Loslegen", |
| "watch_demo": "Demo ansehen", |
| "train_your_mind": "TRAINIEREN SIE IHREN GEIST", |
| "vr_scenarios": "VR-Szenarien", |
| "vr_desc": "Immersives Virtual Reality versetzt Sie in Hochdrucksituationen vor dem großen Moment.", |
| "ar_training": "AR-Training", |
| "ar_desc": "Augmented-Realität-Overlays liefern Echtzeit-Feedback zu Haltung, Atmung und Bewegung.", |
| "biometrics": "Biometrie", |
| "bio_desc": "Verfolgen Sie Herzfrequenz, Atemmuster und Stresslevel, um Ihre physiologischen Reaktionen zu verstehen." |
| // Add more German translations as needed |
| } |
| } |
| } |
| }, function(err, t) { |
| // Initial translations loaded |
| updateContent(); |
| }); |
| // Update page content with translations |
| function updateContent() { |
| // Update navigation items |
| document.querySelectorAll('nav a[href="index.html"]').forEach(el => { |
| el.textContent = i18next.t('home'); |
| }); |
| document.querySelectorAll('nav a[href="index.html#features"]').forEach(el => { |
| el.textContent = i18next.t('features'); |
| }); |
| document.querySelectorAll('nav a[href="index.html#pricing"]').forEach(el => { |
| el.textContent = i18next.t('pricing'); |
| }); |
| document.querySelectorAll('nav a[href="about.html"]').forEach(el => { |
| el.textContent = i18next.t('about'); |
| }); |
| document.querySelectorAll('nav a[href="currency.html"]').forEach(el => { |
| el.textContent = i18next.t('currency'); |
| }); |
| document.querySelectorAll('nav a[href="events.html"]').forEach(el => { |
| el.textContent = i18next.t('events'); |
| }); |
| document.querySelectorAll('nav a[href="results.html"]').forEach(el => { |
| el.textContent = i18next.t('results'); |
| }); |
| document.querySelectorAll('nav a[href="login.html"]').forEach(el => { |
| el.textContent = i18next.t('login'); |
| }); |
|
|
| // Update hero section |
| document.querySelector('h1 span.text-yellow-500').textContent = i18next.t('hero_title'); |
| document.querySelector('section.hero-gradient p').textContent = i18next.t('hero_subtitle'); |
| document.querySelector('section.hero-gradient button:nth-of-type(1)').textContent = i18next.t('get_started'); |
| document.querySelector('section.hero-gradient button:nth-of-type(2)').textContent = i18next.t('watch_demo'); |
|
|
| // Update features section |
| document.querySelector('section#features h2').textContent = i18next.t('train_your_mind'); |
| document.querySelectorAll('section#features h3')[0].textContent = i18next.t('vr_scenarios'); |
| document.querySelectorAll('section#features p')[2].textContent = i18next.t('vr_desc'); |
| document.querySelectorAll('section#features h3')[1].textContent = i18next.t('ar_training'); |
| document.querySelectorAll('section#features p')[3].textContent = i18next.t('ar_desc'); |
| document.querySelectorAll('section#features h3')[2].textContent = i18next.t('biometrics'); |
| document.querySelectorAll('section#features p')[4].textContent = i18next.t('bio_desc'); |
|
|
| // Update document title |
| document.title = i18next.t('title'); |
| |
| // Re-render feather icons after text changes |
| feather.replace(); |
| } |
| // Mobile menu toggle |
| const mobileMenuButton = document.getElementById('mobile-menu-button'); |
| const mobileMenu = document.getElementById('mobile-menu'); |
| const mobileMenuClose = document.getElementById('mobile-menu-close'); |
| |
| mobileMenuButton.addEventListener('click', () => { |
| mobileMenu.classList.remove('hidden'); |
| feather.replace(); |
| }); |
| |
| mobileMenuClose.addEventListener('click', () => { |
| mobileMenu.classList.add('hidden'); |
| }); |
|
|
| // Performance Dashboard Animation |
| document.addEventListener('DOMContentLoaded', function() { |
| const metrics = ['confidence-level', 'stress-level', 'focus-level']; |
| const performanceBar = document.getElementById('performance-bar'); |
| function updateMetrics() { |
| const realisticValues = [ |
| { confidence: 87, stress: 42, focus: 93, width: 72 }, |
| { confidence: 78, stress: 38, focus: 88, width: 68 }, |
| { confidence: 92, stress: 29, focus: 95, width: 82 }, |
| { confidence: 84, stress: 45, focus: 90, width: 76 }, |
| { confidence: 89, stress: 33, focus: 91, width: 79 }, |
| { confidence: 82, stress: 36, focus: 89, width: 74 }, |
| { confidence: 95, stress: 25, focus: 96, width: 85 }, |
| { confidence: 76, stress: 48, focus: 84, width: 65 } |
| ]; |
| |
| const currentValues = realisticValues[Math.floor(Math.random() * realisticValues.length)]; |
| |
| // Smooth transitions |
| document.getElementById('confidence-level').textContent = currentValues.confidence + '%'; |
| document.getElementById('stress-level').textContent = currentValues.stress + '%'; |
| document.getElementById('focus-level').textContent = currentValues.focus + '%'; |
| |
| performanceBar.style.transition = 'width 0.5s ease, background 0.5s ease'; |
| performanceBar.style.width = `${currentValues.width}%`; |
| performanceBar.style.background = `linear-gradient(to right, |
| ${currentValues.width < 30 ? '#ef4444' : currentValues.width < 70 ? '#f59e0b' : '#10b981'}, |
| ${currentValues.width < 30 ? '#f59e0b' : currentValues.width < 70 ? '#10b981' : '#3b82f6'})`; |
| } |
| |
| // Update every 3 seconds (3000ms) |
| updateMetrics(); |
| setInterval(updateMetrics, 3000); |
| }); |
| // Initialize Enhanced Vanta.js background |
| VANTA.GLOBE({ |
| el: "#vanta-bg", |
| mouseControls: true, |
| touchControls: true, |
| gyroControls: false, |
| minHeight: 200.00, |
| minWidth: 200.00, |
| scale: 1.20, |
| scaleMobile: 1.20, |
| color: 0xe3b341, |
| color2: 0x9b0000, |
| backgroundColor: 0x111111, |
| size: 1.00, |
| spacing: 20.00, |
| showLines: false, |
| points: 10.00, |
| maxDistance: 25.00, |
| texturePath: 'https://cdn.jsdelivr.net/gh/tengbao/vanta@master/shaders/globe/earth.jpg' |
| }); |
| // Feather icons |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
