Promote version b402f4c to main

Promoted commit b402f4c341351eb5f57deb89b1fc1af598724bf3 to main branch

about.html

@@ -80,15 +80,15 @@
                         <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.
+                        At Amplify, we believe that success starts in our minds. Our company's mission is to help people unlock their full potential mentally and physically by bridging technology, psychology, and personal growth.
                     </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.
+                        We created this platform to empower people to develop the mentality required to become the best version of themselves- whether stepping onto the field, into the classroom, or into an interview. By combining biometric tracking, personalized training, and VR and AR experiences, we give our users the tools they need to strengthen focus, build confidence, and master the art of mental preparation.
                     </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.
+                        We at Amplify don't just prepare you for big moments- we help you create them. Our VR headset brings nervous scenarios to life so you can practice and prepare, while our AR technology provides hands-on learning in real-world environments.
                     </p>
-</div>
+                </div>
             </div>
 
             <!-- Core Values -->

index.html

@@ -66,12 +66,13 @@
                     <i data-feather="menu"></i>
                 </button>
             </div>
+
             <!-- Desktop Navigation -->
             <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="about.html" class="text-white hover:text-yellow-500 transition">About</a>
                 <a href="index.html#pricing" class="text-white hover:text-yellow-500 transition">Pricing</a>
+                <a href="about.html" class="text-white hover:text-yellow-500 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>
@@ -82,6 +83,19 @@
                                 <i data-feather="shopping-cart" class="text-yellow-500 hover:text-black"></i>
                                 <span id="cart-count" class="text-white">0</span>
                             </button>
+</div>
+                    <div class="relative">
+                        <button id="language-button" class="flex items-center space-x-1 bg-yellow-500 hover:bg-yellow-600 text-black px-4 py-2 rounded-lg transition">
+                            <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-globe mr-1"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
+                            <span id="current-language">EN</span>
+                            <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-chevron-down ml-1"><polyline points="6 9 12 15 18 9"></polyline></svg>
+                        </button>
+                        <div id="language-dropdown" class="hidden absolute right-0 mt-2 w-48 bg-black border border-yellow-500 rounded-lg shadow-lg py-1 z-50">
+                            <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="en">English</a>
+                            <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="es">Español</a>
+                            <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
+                            <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="de">Deutsch</a>
+                        </div>
 </div>
 <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
@@ -518,10 +532,80 @@ Get Started
 <p class="text-sm text-gray-400">No credit card required • Cancel anytime</p>
 </div>
     </section>
+
     <!-- Footer -->
-    <custom-footer></custom-footer>
-    <script src="components/footer.js"></script>
-<!-- Mobile Menu -->
+    <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="#" class="text-gray-400 hover:text-yellow-500 transition">VR Training</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">AR Coaching</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Biofeedback</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Scenario Library</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-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="#" 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.
+</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>
+    </footer>
+    <!-- Mobile Menu -->
     <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>
@@ -529,14 +613,14 @@ Get Started
         <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="about.html" class="text-2xl text-white hover:text-yellow-500 transition">About</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="results.html" class="text-2xl text-white hover:text-yellow-500 transition">Results</a>
         </div>
     </div>
-<!-- Add i18next libraries -->
+    <!-- Add i18next libraries -->
     <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>
@@ -550,61 +634,53 @@ Get Started
                 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": "VR & AR mental training for athletes 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.",
-                    "pricing_title": "CHOOSE YOUR PLAN",
-                    "pricing_subtitle": "Select the level of access that fits your mental training needs. All plans include our VR and AR technology.",
-                    "cta_title": "READY TO AMPLIFY YOUR PERFORMANCE?",
-                    "cta_subtitle": "Join thousands of athletes, performers, and professionals who are mastering their minds with our technology."
-// Add more translations as needed
+                        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": "VR & AR mental training for athletes 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.",
-                    "pricing_title": "ELIGE TU PLAN",
-                    "pricing_subtitle": "Selecciona el nivel de acceso que se ajuste a tus necesidades de entrenamiento mental. Todos los planes incluyen nuestra tecnología VR y AR.",
-                    "cta_title": "¿LISTO PARA AMPLIFICAR TU RENDIMIENTO?",
-                    "cta_subtitle": "Únete a miles de atletas, artistas y profesionales que están dominando sus mentes con nuestra tecnología."
-// Add more Spanish translations as needed
+                            "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: {
@@ -662,7 +738,7 @@ Get Started
                 // Initial translations loaded
                 updateContent();
             });
-        // Language switcher
+// Language switcher
         const languageButton = document.getElementById('language-button');
         const languageDropdown = document.getElementById('language-dropdown');
         
@@ -679,9 +755,6 @@ Get Started
                     document.getElementById('current-language').textContent = lang.toUpperCase();
                     updateContent();
                     languageDropdown.classList.add('hidden');
-                    
-                    // Save language preference to localStorage
-                    localStorage.setItem('amplify-language-pref', lang);
                 });
             });
         });
@@ -692,17 +765,6 @@ Get Started
                 languageDropdown.classList.add('hidden');
             }
         });
-
-        // Check for saved language preference on page load
-        document.addEventListener('DOMContentLoaded', function() {
-            const savedLang = localStorage.getItem('amplify-language-pref');
-            if (savedLang) {
-                i18next.changeLanguage(savedLang, () => {
-                    document.getElementById('current-language').textContent = savedLang.toUpperCase();
-                    updateContent();
-                });
-            }
-        });
         // Update page content with translations
         function updateContent() {
             // Update navigation items
@@ -732,61 +794,24 @@ Get Started
             });
 
             // Update hero section
-            const heroTitle = document.querySelector('h1 span.text-yellow-500');
-            if (heroTitle) heroTitle.textContent = i18next.t('hero_title');
-            
-            const heroSubtitle = document.querySelector('section.hero-gradient p');
-            if (heroSubtitle) heroSubtitle.textContent = i18next.t('hero_subtitle');
-            
-            const getStartedBtn = document.querySelector('section.hero-gradient button:nth-of-type(1)');
-            if (getStartedBtn) getStartedBtn.textContent = i18next.t('get_started');
-            
-            const watchDemoBtn = document.querySelector('section.hero-gradient button:nth-of-type(2)');
-            if (watchDemoBtn) watchDemoBtn.textContent = i18next.t('watch_demo');
+            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
-            const featuresTitle = document.querySelector('section#features h2');
-            if (featuresTitle) featuresTitle.textContent = i18next.t('train_your_mind');
-            
-            const vrTitle = document.querySelectorAll('section#features h3')[0];
-            if (vrTitle) vrTitle.textContent = i18next.t('vr_scenarios');
-            
-            const vrDesc = document.querySelectorAll('section#features p')[2];
-            if (vrDesc) vrDesc.textContent = i18next.t('vr_desc');
-            
-            const arTitle = document.querySelectorAll('section#features h3')[1];
-            if (arTitle) arTitle.textContent = i18next.t('ar_training');
-            
-            const arDesc = document.querySelectorAll('section#features p')[3];
-            if (arDesc) arDesc.textContent = i18next.t('ar_desc');
-            
-            const bioTitle = document.querySelectorAll('section#features h3')[2];
-            if (bioTitle) bioTitle.textContent = i18next.t('biometrics');
-            
-            const bioDesc = document.querySelectorAll('section#features p')[4];
-            if (bioDesc) bioDesc.textContent = i18next.t('bio_desc');
-
-            // Update pricing section
-            document.querySelectorAll('#pricing .text-yellow-500').forEach(el => {
-                el.textContent = i18next.t('pricing_title');
-            });
-            document.querySelectorAll('#pricing .text-gray-400').forEach(el => {
-                if (el.textContent.includes('Select the level of access')) {
-                    el.textContent = i18next.t('pricing_subtitle');
-                }
-            });
-
-            // Update CTA section
-            document.querySelectorAll('section:last-child h2').forEach(el => {
-                el.textContent = i18next.t('cta_title');
-            });
-            document.querySelectorAll('section:last-child p').forEach(el => {
-                el.textContent = i18next.t('cta_subtitle');
-            });
+            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
+            
+            // Re-render feather icons after text changes
             feather.replace();
         }
 // Mobile menu toggle