Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>AI Chatbot</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <div class="app-container"> | |
| <!-- Sidebar --> | |
| <aside class="sidebar" id="sidebar"> | |
| <div class="logo-container"> | |
| <img src="logo.png" alt="Property AI" class="logo"> | |
| </div> | |
| <button id="new-chat-btn" class="new-chat-btn">+ New Chat</button> | |
| <div id="chat-history" class="chat-history"></div> | |
| </aside> | |
| <!-- Main Chat --> | |
| <div class="chat-container"> | |
| <header class="chat-header"> | |
| <button id="menu-toggle" class="menu-toggle">☰</button> | |
| <h1 id="chat-title">New Chat</h1> | |
| </header> | |
| <div id="chat-box" class="chat-box"> | |
| <div class="message ai"> | |
| <div class="bubble">Hello! 👋 Welcome to Property AI. I'm here to help you find your perfect property. What are you looking for today?</div> | |
| </div> | |
| </div> | |
| <div class="chat-input-container"> | |
| <textarea id="user-input" placeholder="Type a message..." rows="1"></textarea> | |
| <button id="send-btn">➤</button> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |