video playing now but no sound now, there was sound before - Follow Up Deployment

index.html

@@ -59,11 +59,14 @@
 
     <!-- Video Background -->
     <div class="fixed inset-0 -z-10 overflow-hidden">
-        <video autoplay loop playsinline muted class="w-full h-full object-cover">
+        <video autoplay loop playsinline class="w-full h-full object-cover">
             <source src="https://huggingface.co/spaces/akhaliq/nexusrobotics/resolve/main/Video_of_Robot_Washing_Dishes.mp4" type="video/mp4">
             <img src="fallback-image.jpg" alt="Nexus Robotics" class="w-full h-full object-cover">
         </video>
         <div class="absolute inset-0 bg-black/30"></div>
+        <button id="soundToggle" class="absolute bottom-4 right-4 bg-white/20 hover:bg-white/30 rounded-full p-3 backdrop-blur-sm transition-all">
+            <i class="fas fa-volume-mute text-white text-xl"></i>
+        </button>
     </div>
 
     <!-- Main Content -->
@@ -133,6 +136,17 @@
             }
         });
 
+        // Sound toggle functionality
+        const soundToggle = document.getElementById('soundToggle');
+        const video = document.querySelector('video');
+        
+        soundToggle.addEventListener('click', () => {
+            video.muted = !video.muted;
+            soundToggle.innerHTML = video.muted 
+                ? '<i class="fas fa-volume-mute text-white text-xl"></i>' 
+                : '<i class="fas fa-volume-up text-white text-xl"></i>';
+        });
+
         // Simple animation for the join button
         document.querySelectorAll('.join-btn').forEach(button => {
             button.addEventListener('mouseenter', () => {