for the email support can you also add us email which is amplify.ny@veinternational.org

about.html

@@ -29,14 +29,14 @@
     <!-- Vanta.js Background -->
     <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
     <!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
@@ -57,6 +57,7 @@
 <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="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
 </div>
 </div>
@@ -283,13 +284,7 @@ View Open Positions
                 </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>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>

currency.html

@@ -38,14 +38,14 @@
     <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>
     <!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
@@ -73,6 +73,7 @@
                     <a href="pricing.html" class="text-white hover:text-yellow-500 transition">Pricing</a>
 <a href="currency.html" class="text-yellow-500 hover:text-yellow-400 transition">Currency</a>
                     <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
+                    <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
 </div>
 </div>
@@ -522,14 +523,7 @@
                 </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>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>

events.html

@@ -26,14 +26,14 @@
     <!-- Vanta.js Background -->
     <div id="vanta-bg" class="fixed top-0 left-0 w-full h-full z-0"></div>
     <!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
@@ -54,8 +54,9 @@
                     <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-yellow-500 hover:text-yellow-400 transition">Events</a>
+                    <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
-                </div>
+</div>
 </div>
             </div>
         </div>
@@ -220,13 +221,7 @@ Register Now
                 </div>
                 
                 <div>
-                    <h3 class="text-lg font-bold text-white mb-4">Events</h3>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Workshops</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Webinars</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-yellow-500 transition">Training Sessions</a></li>
-                    </ul>
-                </div>
+</div>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>

help.html

@@ -0,0 +1,157 @@
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head><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>Help Center - 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://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <link rel="stylesheet" href="style.css">
+    <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);
+        }
+        .help-card {
+            transition: all 0.3s ease;
+        }
+        .help-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);
+        }
+    </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>
+    <!-- Google Translate -->
+    <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>
+
+    <!-- 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 justify-center flex-grow 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="pricing.html" 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="help.html" class="text-yellow-500 hover:text-yellow-400 transition">Help</a>
+                    <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Help 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">HELP</span> <span class="text-white">CENTER</span>
+            </h1>
+            <p class="text-xl md:text-2xl max-w-4xl mx-auto text-gray-300">
+                Find answers to your questions and get support for Amplify products
+            </p>
+        </div>
+    </section>
+
+    <!-- Help Content Section -->
+    <section class="relative z-10 py-20 bg-black bg-opacity-90">
+        <div class="container mx-auto px-6">
+<!-- Contact Support -->
+            <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-8 max-w-4xl mx-auto">
+                <h2 class="text-3xl font-bold text-center mb-8 font-['Bebas+Neue'] tracking-wider">
+                    <span class="text-yellow-500">CONTACT</span> <span class="text-white">SUPPORT</span>
+                </h2>
+                <div class="text-center">
+                    <h3 class="text-xl font-bold mb-4 text-yellow-500">Email Support</h3>
+                    <p class="text-gray-300 mb-6">
+                        Our team typically responds within 24 hours.
+                    </p>
+                    <p class="text-gray-300 mb-6">
+                        Our team typically responds within 24 hours.<br>
+                        Email: <span class="text-yellow-500">amplify.ny@veinternational.org</span>
+                    </p>
+                    <a href="mailto:amplify.ny@veinternational.org" class="inline-block bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-6 py-3 rounded-lg transition">
+                        <i data-feather="mail" class="mr-2 inline"></i> Email Us
+                    </a>
+</div>
+</div>
+        </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>
+</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="pricing.html" class="text-gray-400 hover:text-yellow-500 transition">Pricing</a></li>
+                        <li><a href="currency.html" class="text-gray-400 hover:text-yellow-500 transition">Currency</a></li>
+                        <li><a href="help.html" class="text-yellow-500 hover:text-yellow-400 transition">Help</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

index.html

@@ -40,20 +40,20 @@
     <!-- Enhanced Vanta.js Background -->
     <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>
-<!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <!-- Google Translate -->
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
-<!-- Navigation -->
+    <!-- Navigation -->
 <nav class="relative z-10 bg-black bg-opacity-80 border-b border-gold-500">
         <!-- Thanksgiving Banner -->
         <div class="w-full bg-gradient-to-r from-yellow-600 via-orange-600 to-red-700 text-center py-2 px-4">
@@ -82,7 +82,8 @@
                 <a href="index.html#about" 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="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
+                    <a href="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
 </div>
 <script>
@@ -382,14 +383,7 @@ Get Started Now
 </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>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>
@@ -447,6 +441,9 @@ Get Started Now
             <a href="results.html" class="text-2xl text-white hover:text-yellow-500 transition">Success Stories</a>
 </div>
     </div>
+<!-- Footer Component -->
+<script src="components/footer.js"></script>
+
 <!-- 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>

pricing.html

@@ -30,14 +30,14 @@
 </head>
 <body class="bg-black text-white font-['Montserrat']">
     <!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
@@ -65,6 +65,7 @@
                     <a href="pricing.html" class="text-yellow-500 hover:text-yellow-400 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="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Success Stories</a>
 </div>
 </div>
@@ -200,14 +201,7 @@
                 </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>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>

results.html

@@ -37,14 +37,14 @@
     <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>
     <!-- Google Translate -->
-    <div id="google_translate_element"></div>
-    <script>
+    <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,zh-CN,ja,ko,pt,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
+                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>
@@ -72,6 +72,7 @@
                     <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="help.html" class="text-white hover:text-yellow-500 transition">Help</a>
                     <a href="results.html" class="text-yellow-500 hover:text-yellow-400 transition">Success Stories</a>
 </div>
 </div>
@@ -306,14 +307,7 @@ Get Started Today
                 </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>
                 
                 <div>
                     <h3 class="text-lg font-bold text-white mb-4">Company</h3>

script.js

@@ -1,73 +1,43 @@
 
 // Shared JavaScript across all pages
 document.addEventListener('DOMContentLoaded', () => {
-    // Initialize Google Translate
-    function googleTranslateElementInit() {
-        if (typeof google !== 'undefined' && google.translate) {
-            new google.translate.TranslateElement({
-                pageLanguage: 'en',
-                includedLanguages: 'en,es,fr,de,it,pt,ru,zh-CN,ja,ko,ar,hi',
-                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
-                autoDisplay: false
-            }, 'google_translate_element');
+    // Load Google Translate iframe styles
+    const loadTranslateStyles = () => {
+        const iframe = document.querySelector('.goog-te-menu-frame');
+        if (!iframe) return;
+        
+        const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+        const style = iframeDoc.createElement('style');
+        style.textContent = `
+            .goog-te-menu2 {
+                font-family: 'Montserrat', sans-serif !important;
+                background-color: #111827 !important;
+                border: 1px solid #e3b341 !important;
+            }
+            .goog-te-menu2-item div, .goog-te-menu2-item-selected div {
+                color: white !important;
+                padding: 8px 16px !important;
+            }
+            .goog-te-menu2-item-selected {
+                background-color: rgba(227, 179, 65, 0.2) !important;
+            }
+            .goog-te-menu2-item:hover {
+                background-color: rgba(227, 179, 65, 0.1) !important;
+            }
+        `;
+        iframeDoc.head.appendChild(style);
+    };
 
-            // Style the Google Translate dropdown
-            const styleTranslate = () => {
-                const iframe = document.querySelector('.goog-te-menu-frame');
-                if (iframe) {
-                    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
-                    const style = iframeDoc.createElement('style');
-                    style.textContent = `
-                        .goog-te-menu2 {
-                            background: #1a1a1a !important;
-                            border: 1px solid #e3b341 !important;
-                        }
-                        .goog-te-menu2-item div, 
-                        .goog-te-menu2-item-selected div {
-                            color: white !important;
-                            padding: 8px 16px !important;
-                            font-family: 'Montserrat', sans-serif !important;
-                        }
-                        .goog-te-menu2-item:hover {
-                            background: rgba(227, 179, 65, 0.1) !important;
-                        }
-                        .goog-te-menu2-item-selected {
-                            background: rgba(227, 179, 65, 0.2) !important;
-                        }
-                    `;
-                    iframeDoc.head.appendChild(style);
-                }
-            };
-
-            // Check for dropdown periodically
-            const translateInterval = setInterval(() => {
-                if (document.querySelector('.goog-te-menu-frame')) {
-                    styleTranslate();
-                    clearInterval(translateInterval);
-                }
-            }, 100);
+    // Check for Google Translate iframe periodically
+    const translateInterval = setInterval(() => {
+        if (document.querySelector('.goog-te-menu-frame')) {
+            loadTranslateStyles();
+            clearInterval(translateInterval);
         }
-    }
+    }, 100);
 
-    // Load Google Translate script if not already loaded
-    if (!window.google || !google.translate) {
-        const script = document.createElement('script');
-        script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
-        script.async = true;
-        document.body.appendChild(script);
-    } else {
-        googleTranslateElementInit();
-    }
-    // Handle language changes
-    function handleLanguageChange() {
-        const currentLang = localStorage.getItem('googtrans');
-        if (currentLang) {
-            document.documentElement.lang = currentLang.split('/')[2] || 'en';
-        }
-    }
-    setInterval(handleLanguageChange, 1000);
-    // Rest of your existing code...
-const starsCount = 200;
+// Create twinkling stars
+    const starsCount = 200;
     for (let i = 0; i < starsCount; i++) {
         const star = document.createElement('div');
         star.className = 'star';
@@ -78,7 +48,7 @@ const starsCount = 200;
         star.style.animationDelay = `${Math.random() * 3}s`;
         document.body.appendChild(star);
     }
-    // Smooth scrolling for anchor links
+// Smooth scrolling for anchor links
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener('click', function (e) {
             e.preventDefault();

style.css

@@ -98,19 +98,16 @@ body::after {
     animation: pulseThanksgiving 3s infinite;
     box-shadow: 0 2px 10px rgba(146, 64, 14, 0.5);
 }
+
 /* Google Translate Widget Styles */
 #google_translate_element {
     z-index: 9999;
-    position: fixed;
-    top: 10px;
-    right: 10px;
 }
 
 .goog-te-gadget {
     font-family: 'Montserrat', sans-serif !important;
-    color: white !important;
+    color: transparent !important;
 }
-
 .goog-te-gadget-simple {
     background-color: rgba(0,0,0,0.7) !important;
     border: 1px solid #e3b341 !important;
@@ -118,34 +115,41 @@ body::after {
     padding: 4px 8px !important;
     backdrop-filter: blur(10px);
     height: 40px !important;
+    min-width: auto !important;
+    width: auto !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
 }
-
-.goog-te-combo {
-    background-color: transparent !important;
-    color: white !important;
-    border: none !important;
-    padding: 4px !important;
-    font-family: 'Montserrat', sans-serif !important;
-}
-
 .goog-te-menu-value {
     display: flex !important;
-    align-items: center !important;
+    align-items: center;
 }
 
 .goog-te-menu-value span {
     color: white !important;
     font-size: 14px !important;
+    text-decoration: none !important;
 }
 
 .goog-te-menu-value img {
     display: none !important;
 }
 
+.goog-te-menu-value:before {
+    content: '\f0ac';
+    font-family: 'feather' !important;
+    color: #e3b341;
+    margin-right: 8px;
+    font-size: 16px;
+}
+
 .goog-te-menu-value:after {
-    content: '\25BE';
-    margin-left: 8px;
+    content: '\f107';
+    font-family: 'feather' !important;
     color: #e3b341;
+    margin-left: 8px;
+    font-size: 16px;
 }
 
 /* Dropdown menu styles */
@@ -155,6 +159,28 @@ body::after {
     overflow: hidden !important;
     margin-top: 8px !important;
 }
+
+.goog-te-menu2 {
+    background-color: #1a1a1a !important;
+    border: 1px solid #333 !important;
+    color: white !important;
+    font-family: 'Montserrat', sans-serif !important;
+}
+
+.goog-te-menu2-item div, 
+.goog-te-menu2-item-selected div {
+    color: white !important;
+    padding: 10px 16px !important;
+    font-size: 14px !important;
+}
+
+.goog-te-menu2-item:hover {
+    background-color: rgba(227, 179, 65, 0.1) !important;
+}
+
+.goog-te-menu2-item-selected {
+    background-color: rgba(227, 179, 65, 0.2) !important;
+}
 .feature-icon {
 width: 60px;
     height: 60px;