Update templates/index.html

templates/index.html

@@ -10,12 +10,18 @@
     <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 class="bot-message">Hi there! I'm Chef Bot! Start typing to find menu items or explore below.</div>
         </div>
         <div class="chat-input">
-            <input type="text" id="userInput" placeholder="Type your response...">
+            <input type="text" id="userInput" placeholder="Type a menu item (e.g., chicken)...">
             <button onclick="sendMessage()">Send</button>
         </div>
+        <!-- Suggestions Area -->
+        <div class="suggestions-list" id="suggestionsList"></div>
+        <!-- Menu Items Area -->
+        <div class="ingredients-list" id="menuItemsList"></div>
+        <!-- Selected Item Details -->
+        <div class="selected-ingredients" id="itemDetails"></div>
     </div>
     <script src="/static/script.js"></script>
 </body>