Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <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" role="log" aria-live="polite"> | |
| <div class="bot-message">Hello! I’m Chef Bot, your culinary assistant! What’s your name?</div> | |
| </div> | |
| <div class="suggestions-list" id="suggestionsList"></div> | |
| <div class="ingredients-list" id="menuItemsList"></div> | |
| <div class="chat-input"> | |
| <input type="text" id="userInput" placeholder="Type here (e.g., paneer, chicken)..." aria-label="Enter dish or preference"> | |
| <button onclick="sendMessage()" aria-label="Send message">Send</button> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |