Update app.py

app.py

@@ -13,30 +13,61 @@ def fetch_response(user_input):
             {"role": "user", "content": user_input},
         ],
         model="mixtral-8x7b-32768",
-        stream=False
+        stream=False,
     )
     return chat_completion.choices[0].message.content
 
+
 # Streamlit app
-st.title("Fastest AI Chatbot")
-st.write("Ask a question and get a response.")
-
-# Text input for user's question
-user_input = st.text_input("Enter your question here:")
-
-# Button to trigger response
-if st.button("Get Response"):
-    # Fetch and display response
-    response = fetch_response(user_input)
-    st.write("Response:", response)
-
-# Footer
-st.markdown(
-    """
-    <footer style="color: blue; font-size: small; text-align: right;">
-        By DL Titans
-    </footer>
-    """,
-    unsafe_allow_html=True
-)
+st.set_page_config(page_title="AI Chatbot", page_icon=":robot:")  # Set app title and icon
+
+def main():
+    # Layout with sidebar
+    col1, col2 = st.beta_columns([3, 1])
+
+    with col1:
+        # Header with logo (replace with custom logo CSS)
+        st.markdown(
+            """
+            <h1 style="font-size: 2.5em; color: #3b5998"> 
+            <span style="font-weight: bold;">AI</span> Chatbot
+            </h1>
+            """,
+            unsafe_allow_html=True,
+        )
+
+        # Search bar (style as needed)
+        with st.expander("Search", expanded=False):
+            st.text_input("Search here...", key="search")
+
+        # Question box
+        user_question = st.text_area("Ask a question...", height=100)
+
+        # Button to trigger response
+        if st.button("Get Response"):
+            response = fetch_response(user_question)
+            st.write("Response:", response)
+
+    with col2:
+        # Sidebar header
+        st.sidebar.header("Navigation")
+
+        # Navigation buttons (style as needed)
+        st.sidebar.button("Home", key="home")
+        st.sidebar.button("Profile", key="profile")
+        st.sidebar.button("Settings", key="settings")
+
+    # Footer
+    st.markdown(
+        """
+        <footer style="color: #3b5998; text-align: right;">
+            <p>By DL Titans</p>
+        </footer>
+        """,
+        unsafe_allow_html=True,
+    )
+
+
+if __name__ == "__main__":
+    main()