can you actually translate the website when I change the language to espanol

components/footer.js

@@ -146,7 +146,14 @@ class CustomFooter extends HTMLElement {
                   <option value="de">Deutsch</option>
                 </select>
               </div>
-            </div>
+              <script>
+                document.getElementById('footer-language-select').addEventListener('change', function() {
+                  const lang = this.value;
+                  localStorage.setItem('amplify-language-pref', lang);
+                  window.dispatchEvent(new CustomEvent('language-changed', { detail: lang }));
+                });
+              </script>
+</div>
             
             <div>
               <h3 class="text-lg font-bold text-white mb-4">Products</h3>