add a shopping cart logo a tthe top right in gold font

about.html

@@ -45,9 +45,14 @@
                     <a href="currency.html" class="text-white hover:text-yellow-500 transition">Currency</a>
                     <a href="events.html" class="text-white hover:text-yellow-500 transition">Events</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
-</div>
-</div>
+                </div>
+                <div class="flex items-center space-x-6">
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 transition">
+                        <i data-feather="shopping-cart"></i>
+                    </a>
+                </div>
             </div>
+</div>
         </div>
     </nav>
 

currency.html

@@ -62,8 +62,11 @@
                     <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">Stress Reliever</a>
 </div>
-                <div class="flex items-center space-x-4">
-                    <div class="relative">
+                <div class="flex items-center space-x-6">
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 transition">
+                        <i data-feather="shopping-cart"></i>
+                    </a>
+<div class="relative">
                         <button id="language-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black 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>

events.html

@@ -43,8 +43,13 @@
                     <a href="events.html" class="text-yellow-500 hover:text-yellow-400 transition">Events</a>
                     <a href="results.html" class="text-white hover:text-yellow-500 transition">Results</a>
 </div>
-</div>
+                <div class="flex items-center space-x-6">
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 transition">
+                        <i data-feather="shopping-cart"></i>
+                    </a>
+                </div>
             </div>
+</div>
         </div>
     </nav>
 

index.html

@@ -77,37 +77,6 @@
                 <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">Stress Reliever</a>
 </div>
-            <div class="flex items-center space-x-4">
-                <div class="relative">
-                    <button id="language-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black 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>
-                    </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>
-                <div class="relative">
-                    <button id="cart-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black transition">
-                        <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-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black 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>
-                        </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>
 <script>
                         // Cart functionality
                         let cart = [];
@@ -379,6 +348,39 @@ Get Started
             </p>
             <div class="flex justify-center">
                 <div class="grid grid-cols-1 gap-8 max-w-4xl">
+<!-- Free Trial -->
+<div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-green-500 transform hover:scale-105 transition mx-auto hovered-element">
+    <h3 class="text-2xl font-bold text-center mb-4 text-green-500">7-Day Free Trial</h3>
+    <div class="text-center mb-6 hovered-element">
+        <span class="text-4xl font-bold text-green-500">$0</span>
+        <span class="text-gray-400">for 7 days</span>
+    </div>
+    <ul class="space-y-3 mb-8">
+        <li class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
+            <span>Full access to all features</span>
+        </li>
+        <li class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
+            <span>Unlimited VR/AR scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check text-green-500 mr-2"><polyline points="20 6 9 17 4 12"></polyline></svg>
+            <span>Basic biometric analysis</span>
+        </li>
+        <li class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+            <span class="text-gray-400">No custom scenarios</span>
+        </li>
+        <li class="flex items-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x text-red-500 mr-2"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+            <span class="text-gray-400">No coaching sessions</span>
+        </li>
+    </ul>
+    <a href="https://portal.veinternational.org/buybuttons/us0110243/btn/free-trial-2/" class="w-full bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold py-3 rounded-lg transition flex items-center justify-center">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-zap mr-2"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg> Start Free Trial
+    </a>
+</div>
 <!-- Core Plan -->
 <div class="bg-gradient-to-b from-gray-900 to-black p-8 rounded-xl border border-yellow-500 transform hover:scale-105 transition mx-auto">
 <h3 class="text-2xl font-bold text-center mb-4 text-yellow-500">Amplify Core</h3>
@@ -491,14 +493,14 @@ Get Started
             <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="https://portal.veinternational.org/buybuttons/us0110243/btn/amplify-1/" 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 href="https://portal.veinternational.org/buybuttons/us0110243/btn/free-trial-2/" class="bg-gradient-to-r from-green-600 to-green-800 hover:from-green-500 hover:to-green-700 text-white font-bold px-10 py-5 rounded-lg text-xl transition transform hover:scale-105 shadow-lg mb-4 inline-block">
+                                Start 7-Day Free Trial
                             </a>
+<p class="text-sm text-gray-400">No credit card required • Cancel anytime</p>
 </div>
     </section>
-
-    <!-- Footer -->
-    <footer class="relative z-10 bg-black bg-opacity-90 border-t border-gray-800 py-12">
+<!-- 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>
@@ -602,7 +604,7 @@ Get Started
         </div>
     </div>
     <!-- Add i18next libraries -->
-    <script src="https://unpkg.com/i18next/dist/umd/i18next.min.js"></script>
+<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>
 

pricing.html

@@ -53,8 +53,11 @@
                     <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">Stress Reliever</a>
 </div>
-                <div class="flex items-center space-x-4">
-                    <div class="relative">
+                <div class="flex items-center space-x-6">
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 transition">
+                        <i data-feather="shopping-cart"></i>
+                    </a>
+<div class="relative">
                         <button id="language-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black 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>

results.html

@@ -60,9 +60,12 @@
                     <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-yellow-500 hover:text-yellow-400 transition">Success Stories</a>
-                </div>
-                <div class="flex items-center space-x-4">
-                    <div class="relative">
+</div>
+                <div class="flex items-center space-x-6">
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 transition">
+                        <i data-feather="shopping-cart"></i>
+                    </a>
+<div class="relative">
                         <button id="language-button" class="flex items-center space-x-1 bg-black bg-opacity-50 px-3 py-2 rounded-lg border border-yellow-500 hover:bg-yellow-500 hover:text-black 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>

script.js

@@ -1,6 +1,42 @@
+
 // Shared JavaScript across all pages
 document.addEventListener('DOMContentLoaded', () => {
-    // Create twinkling stars
+    // 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);
+    };
+
+    // Check for Google Translate iframe periodically
+    const translateInterval = setInterval(() => {
+        if (document.querySelector('.goog-te-menu-frame')) {
+            loadTranslateStyles();
+            clearInterval(translateInterval);
+        }
+    }, 100);
+
+// Create twinkling stars
     const starsCount = 200;
     for (let i = 0; i < starsCount; i++) {
         const star = document.createElement('div');

style.css

@@ -87,9 +87,37 @@ body::after {
     box-shadow: 0 10px 25px rgba(139, 92, 246, 0.2);
     border-color: rgba(139, 92, 246, 0.4);
 }
+/* Google Translate Widget Styles */
+.goog-te-gadget {
+    font-family: 'Montserrat', sans-serif !important;
+}
+.goog-te-gadget-simple {
+    background-color: transparent !important;
+    border: none !important;
+    padding: 0 !important;
+}
+.goog-te-menu-value span {
+    color: white !important;
+    font-size: 14px !important;
+}
+.goog-te-menu-value img {
+    display: none !important;
+}
+.goog-te-menu-value:before {
+    content: '\f0ac';
+    font-family: 'feather' !important;
+    color: #e3b341;
+    margin-right: 5px;
+}
+.goog-te-menu-value:after {
+    content: '\f107';
+    font-family: 'feather' !important;
+    color: #e3b341;
+    margin-left: 5px;
+}
 
 .feature-icon {
-    width: 60px;
+width: 60px;
     height: 60px;
     margin: 0 auto 16px;
     display: flex;