Update app.py

app.py

@@ -164,6 +164,7 @@ def format_attraction_card(name, details):
     """
 
 
+# CSS
 # CSS
 custom_css = """
 body, .gradio-container {
@@ -188,6 +189,13 @@ body, .gradio-container {
     font-weight: 600;
     text-align: center;
 }
+.section-subheading {
+    text-align: center;
+    font-size: 0.95rem;
+    color: #444;
+    margin: 10px 0 15px 0;
+    font-style: italic;
+}
 .content-box {
     background-color: #ffffff;
     border-radius: 0 0 16px 16px;
@@ -238,21 +246,6 @@ body, .gradio-container {
 }
 """
 
-# Generate attractions cards
-def generate_attraction_cards(city):
-    weather = get_weather(city)
-    if not weather:
-        return "<div style='padding:20px; color:red;'>⚠️ Couldn't fetch attractions due to missing weather data.</div>"
-
-    attractions = get_attractions(
-        city=weather["city"],
-        country=weather["country"],
-        temp=weather["temperature"],
-        weather_desc=weather["description"]
-    )
-    return "<div class='card-grid'>" + "".join(format_attraction_card(name, details) for name, details in attractions) + "</div>"
-
-
 # UI
 def launch_ui():
     with gr.Blocks(css=custom_css, title="Travel Weather Guide") as demo:
@@ -263,6 +256,7 @@ def launch_ui():
             # Weather section
             with gr.Column(scale=1):
                 gr.Markdown("<div class='section-header'>🌤️ Weather Dashboard</div>")
+                gr.Markdown("<div class='section-subheading'>Check current weather details</div>")
                 with gr.Group(elem_classes="content-box"):
                     city_input = gr.Textbox(label="🏙️ City Name", value="Dubai")
                     update_btn = gr.Button("📍 Get Weather Data")
@@ -271,6 +265,7 @@ def launch_ui():
             # Chatbot section
             with gr.Column(scale=1):
                 gr.Markdown("<div class='section-header'>✈️ Travel Assistant</div>")
+                gr.Markdown("<div class='section-subheading'>Ask for travel tips and suggestions</div>")
                 with gr.Group(elem_classes="content-box"):
                     chat = gr.Chatbot(height=350, type="messages")
                     with gr.Row():
@@ -280,6 +275,7 @@ def launch_ui():
 
         # Attractions section
         gr.Markdown("<div class='section-header'>🏖️ Top Attractions You Can Visit</div>")
+        gr.Markdown("<div class='section-subheading'>Plan your trip with these recommendations</div>")
         attractions_html = gr.HTML()
 
         # FOOTER
@@ -301,5 +297,3 @@ def launch_ui():
         demo.load(fn=lambda: update_all("Dubai"), inputs=None, outputs=[weather_html, attractions_html])
 
     demo.launch()
-
-launch_ui()