Update templates/index.html

templates/index.html

@@ -67,15 +67,50 @@
     </div>
 </body>
 <script>
+    let recognition;
+    if ('webkitSpeechRecognition' in window) {
+        recognition = new webkitSpeechRecognition();
+        recognition.continuous = false;
+        recognition.interimResults = false;
+        recognition.lang = 'en-US';
+    } else {
+        alert("Speech Recognition API is not supported in this browser.");
+    }
+
     function speak(text, callback) {
         const speech = new SpeechSynthesisUtterance(text);
         speech.onend = callback;
         window.speechSynthesis.speak(speech);
     }
 
+    function startListeningForName() {
+        document.getElementById('status').textContent = "Listening for your name...";
+        recognition.start();
+        
+        recognition.onresult = function(event) {
+            const transcript = event.results[0][0].transcript.trim();
+            document.getElementById('name').value = transcript;
+            recognition.stop();
+            speak("Please provide your email address", startListeningForEmail);
+        };
+    }
+
+    function startListeningForEmail() {
+        document.getElementById('status').textContent = "Listening for your email...";
+        recognition.start();
+        
+        recognition.onresult = function(event) {
+            let transcript = event.results[0][0].transcript.trim();
+            transcript = transcript.replace(/\bat\b/g, '@').replace(/\bdot\b/g, '.');
+            document.getElementById('email').value = transcript;
+            recognition.stop();
+            speak("Registration complete. You can proceed with your order.");
+        };
+    }
+
     function startProcess() {
         speak("Welcome to Biryani Hub", function() {
-            speak("Please tell me your name");
+            speak("Tell me your name", startListeningForName);
         });
     }