Update index.html

index.html

@@ -132,14 +132,26 @@
     </div>
   </div>
 
-  <!-- Chat Area -->
-  <main id="chat" class="flex-1 overflow-y-auto px-4 pt-16 pb-24 space-y-3 flex flex-col scroll-smooth">
-    <div id="greeting-wrapper" class="flex justify-start">
-      <div id="greeting-bubble" class="bg-[#242427] border border-zinc-700/40 text-zinc-100 rounded-2xl rounded-tl-xs px-4 py-2.5 max-w-[85%] text-[15px] shadow-sm leading-relaxed prose-custom">
-        नोंखौ बरायबाय! आं अrki AI। नोंनो मा हेफाजाब नांगौ?
-      </div>
-    </div>
-  </main>
+  <!-- Main Chat Area -->
+<div id="chat-container">
+  <!-- Replace the initial bot message bubble with this clean center placeholder -->
+  <div id="welcome-screen">
+    <h2>Welcome</h2>
+  </div>
+</div>
+
+<!-- Bottom Input Wrapper -->
+<div class="bottom-bar">
+  <div class="input-box">
+    <input type="text" id="user-input" placeholder="Message Orki..." />
+    <button id="send-btn">
+      <!-- Your send svg/icon -->
+      ➤
+    </button>
+  </div>
+  <p class="disclaimer">Orki AI can make mistakes. Always double check.</p>
+</div>
+
 
   <!-- Thinking Indicator -->
   <div id="thinking" class="hidden px-4 pb-2">