Promote version a5d9863 to main

Promoted commit a5d986380be38331c660d71b4bab0c2416e80ed7 to main branch

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