Update templates/index.html

templates/index.html

@@ -8,7 +8,7 @@
     <style>
         body {
             font-family: 'Roboto', sans-serif;
-            background: linear-gradient(135deg, #f4c542, #ff8f6a); /* Light gradient background */
+            background: linear-gradient(135deg, #f4c542, #ff8f6a);
             margin: 0;
             display: flex;
             justify-content: center;
@@ -26,7 +26,7 @@
         h1 {
             font-size: 30px;
             font-weight: bold;
-            color: #ff6a00; /* Bright orange for title */
+            color: #ff6a00;
         }
         label {
             font-size: 18px;
@@ -60,18 +60,13 @@
     <div class="container">
         <h1>Welcome to Biryani Hub</h1>
         
-        <!-- Name Input Field -->
         <label for="name">Your Name</label>
         <input type="text" id="name" placeholder="Your name will appear here..." readonly>
 
-        <!-- Email Input Field -->
         <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" id="infoMessage">Listening will start automatically...</p>
-
-        <!-- Status Message -->
         <p class="status" id="status">Initializing...</p>
     </div>
 
@@ -102,6 +97,7 @@
             const nameInput = document.getElementById('name');
             status.textContent = "Listening for your name...";
             recognition.start();
+
             recognition.onresult = function(event) {
                 let transcript = event.results[0][0].transcript.trim().toUpperCase().replace(/\s+/g, "");
 
@@ -144,10 +140,10 @@
 
             status.textContent = "Listening for your email...";
             recognition.start();
+
             recognition.onresult = function(event) {
                 let transcript = event.results[0][0].transcript.trim().toUpperCase().replace(/\s+/g, "");
                 
-                // Replace "AT" with "@", "DOT" with "."
                 transcript = transcript.replace(/\bAT\b/g, "@").replace(/\bDOT\b/g, ".");
 
                 if (transcript === "NEXT") {