chatcustomer2

Sleeping

geethareddy commited on 12 days ago

Commit

3a5c574

verified ·

1 Parent(s): db0aaca

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -4,17 +4,19 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chef Bot</title>
-    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="chat-container">
-        <div class="chat-header">Chef Bot</div>
-        <div class="chat-messages" id="chatMessages"></div>
         <div class="chat-input">
-            <input type="text" id="userInput" placeholder="Type your message...">
-            <button>Send</button>
         </div>
     </div>
-    <script src="script.js"></script>
 </body>
 </html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chef Bot</title>
+    <link rel="stylesheet" href="/static/styles.css">
 </head>
 <body>
     <div class="chat-container">
+        <div class="chat-header">🍳 Chef Bot</div>
+        <div class="chat-messages" id="chatMessages">
+            <div class="bot-message">Hi there! I'm Chef Bot! May I know your name?</div>
+        </div>
         <div class="chat-input">
+            <input type="text" id="userInput" placeholder="Type your response...">
+            <button onclick="sendMessage()">Send</button>
         </div>
     </div>
+    <script src="/static/script.js"></script>
 </body>
 </html>