Update templates/index.html

templates/index.html

@@ -60,15 +60,15 @@
         <h1>Biryani Hub</h1>
 
         <!-- Name Input Field -->
-        <label for="name">Name:</label>
+        <label for="name">Your Name</label>
         <input type="text" id="name" placeholder="Your name will appear here..." readonly>
 
         <!-- Email Input Field -->
-        <label for="email">Email:</label>
+        <label for="email">Your Email</label>
         <input type="text" id="email" placeholder="Your email will appear here..." readonly>
 
         <!-- Info Message for Listening -->
-        <p class="info">Listening will start automatically...</p>
+        <p class="info" id="infoMessage">Listening will start automatically...</p>
 
         <!-- Status Message -->
         <p class="status" id="status">Initializing...</p>
@@ -89,19 +89,20 @@
             alert("Speech Recognition API is not supported in this browser.");
         }
 
-        // Function to make the welcome message speak automatically when the page loads
+        // Function to speak the welcome message automatically when the page loads
         function welcomeMessage() {
             const welcomeMsg = "Welcome to Biryani Hub. Please say your name after the beep.";
             const speech = new SpeechSynthesisUtterance(welcomeMsg);
             window.speechSynthesis.speak(speech);
         }
 
-        // Function to handle starting the listening process after the welcome message
+        // Function to start listening after the welcome message
         function startListening() {
             const status = document.getElementById('status');
             const nameInput = document.getElementById('name');
             const emailInput = document.getElementById('email');
 
+            // Change status to indicate that we're listening for the name
             status.textContent = 'Listening for your name...';
             recognition.start();  // Start voice recognition
 
@@ -134,7 +135,7 @@
             };
         }
 
-        // Make sure to start listening as soon as the page loads
+        // Start the process when the page is loaded
         window.onload = function () {
             welcomeMessage();  // Automatically say the welcome message
             setTimeout(startListening, 5000);  // Start listening after the welcome message
@@ -142,4 +143,3 @@
     </script>
 </body>
 </html>
-