Update app.py

app.py

@@ -304,6 +304,12 @@ with gr.Blocks(theme="shivi/calm_seafoam") as app:
         <h2 style="color: #2e7d32; font-family: 'Helvetica', sans-serif; text-align: center; font-size: 1.2em;">
             🌈 Emotional Support | 🧘🏻‍♀️ Mindfulness | 🥗 Nutrition | 🏋️ Physical Health | 💤 Sleep Hygiene
         </h2>
+        <ul style="text-align: center; color: #2e7d32;">
+            <li><strong>How to Use:</strong></li>
+            <li>👉 Enter your messages in the input box to chat with our well-being companion.</li>
+            <li>👉 Share your current location to find nearby health professionals.</li>
+            <li>👉 Receive emotional support suggestions based on your chat.</li>
+        </ul>
         """)
 
         # Infographics with images
@@ -355,6 +361,21 @@ with gr.Blocks(theme="shivi/calm_seafoam") as app:
         )
 
     with gr.Tab("Disease Prediction"):
+        gr.HTML("""
+        <h1 style="color: #388e3c; font-family: 'Helvetica', sans-serif; text-align: center; font-size: 3.5em; margin-bottom: 0;">
+            Disease Prediction
+        </h1>
+        <p style="color: #4caf50; font-family: 'Helvetica', sans-serif; text-align: center; font-size: 1.5em; margin-top: 0;">
+            Help us understand your symptoms!
+        </p>
+        <ul style="text-align: center; color: #2e7d32;">
+            <li><strong>How to Use:</strong></li>
+            <li>👉 Select at least 3 symptoms from the dropdown lists.</li>
+            <li>👉 Click on "Predict Disease" to see potential conditions.</li>
+            <li>👉 Review the results displayed below!</li>
+        </ul>
+        """)
+
         symptom1 = gr.Dropdown(choices=[None] + list(X_train.columns), label="Select Symptom 1", value=None)
         symptom2 = gr.Dropdown(choices=[None] + list(X_train.columns), label="Select Symptom 2", value=None)
         symptom3 = gr.Dropdown(choices=[None] + list(X_train.columns), label="Select Symptom 3", value=None)