Update app.py

app.py

@@ -62,9 +62,8 @@ if "tz" not in st.session_state:
     st.session_state.tz = pytz.timezone("Asia/Karachi")  # default Lahore
 
 # ---------------------------
-# Page setup
+# CSS Styling
 # ---------------------------
-st.set_page_config(page_title="AI Disaster Assistant", layout="wide")
 st.markdown("""
     <style>
     body { background-color: #0d1117; color: white; }
@@ -73,15 +72,30 @@ st.markdown("""
     .chat-bubble { background-color: #f0f0f0; color: #000; padding: 0.5rem; margin-bottom: 0.5rem; border-radius: 10px; }
     .answer-box { background-color: #d6f5f5; padding: 1rem; border-radius: 12px; color: #000; }
     .contact-box { background-color: #ffeecc; padding: 1rem; border-radius: 10px; color: #000; }
+    [data-testid="stSidebar"] { background-color: #161b22; }
+    .sidebar .sidebar-content { background-color: #161b22; }
     </style>
 """, unsafe_allow_html=True)
 
+# ---------------------------
+# Sidebar Navigation
+# ---------------------------
+st.sidebar.markdown("# 🌍 AI Disaster Response Assistant")
+page = st.sidebar.radio("Navigation", ["Chat Assistant", "Image Analysis"])
+
+if page == "Image Analysis":
+    st.switch_page("pages/image_analysis.py")
+
+# ---------------------------
+# Main Page (Chat Assistant)
+# ---------------------------
 st.markdown("""
     <h1 style='text-align: center; background-color: #008080; color: white; padding: 1rem; border-radius: 12px;'>
-    🌍 AI Disaster Response Assistant
+    💬 AI Disaster Chat Assistant
     </h1>
 """, unsafe_allow_html=True)
 
+
 # ---------------------------
 # Language Selection
 # ---------------------------