Update index.html

index.html

@@ -35,8 +35,15 @@
     <p>Already have an account? <span id="show-login" style="cursor:pointer;color:blue;">Login</span></p>
   </div>
 
+  <!-- AI Apps / Bots Section -->
+  <div id="ai-apps-section" style="display:none;">
+    <h2>🌐 AI Apps / Bots</h2>
+    <div id="ai-apps-container"></div>
+  </div>
+
   <!-- Chat Section -->
   <div id="chat-section" style="display:none;">
+    <h2>💬 Chat with AI</h2>
     <div id="chat-container"></div>
     <div id="typing" style="display:none;">🤖 AI is typing...</div>
     <footer>
@@ -58,6 +65,22 @@
     </div>
   </div>
 
+  <script>
+    // Toggle Login / Signup forms
+    document.addEventListener("DOMContentLoaded", () => {
+      const loginForm = document.getElementById("login-form");
+      const signupForm = document.getElementById("signup-form");
+      document.getElementById("show-signup").onclick = () => {
+        loginForm.style.display = "none";
+        signupForm.style.display = "block";
+      };
+      document.getElementById("show-login").onclick = () => {
+        signupForm.style.display = "none";
+        loginForm.style.display = "block";
+      };
+    });
+  </script>
+
   <script src="script.js"></script>
 </body>
 </html>