Update app.py

app.py

@@ -9,9 +9,7 @@ weather_api_key = os.getenv("openweather")
 openai_api_key = os.getenv("OPENAI_API_KEY")
 client = OpenAI(api_key=openai_api_key)
 
-# -------------------------------
-# Fetch Weather Data
-# -------------------------------
+# Weather fetch
 def get_weather(city_name):
     if not city_name.strip():
         city_name = "Dubai"
@@ -45,10 +43,7 @@ def get_weather(city_name):
     except Exception:
         return None
 
-
-# -------------------------------
-# Weather Display HTML
-# -------------------------------
+# Weather display
 def format_weather_display(data):
     if not data:
         return "<div style='text-align:center; color: #e74c3c; font-size: 18px; padding: 40px;'>❌ City not found. Please try again.</div>"
@@ -99,10 +94,7 @@ def format_weather_display(data):
     </div>
     """
 
-
-# -------------------------------
 # Chatbot
-# -------------------------------
 def travel_chat(msg, history):
     messages = [{"role": "system", "content": "You are a helpful travel assistant. Suggest tourist attractions, activities, and travel tips for any city."}]
     for h in history:
@@ -123,10 +115,7 @@ def travel_chat(msg, history):
     history.append({"role": "assistant", "content": reply})
     return history, history
 
-
-# -------------------------------
 # Attractions
-# -------------------------------
 def get_attractions(city, country, temp, weather_desc):
     try:
         messages = [
@@ -162,7 +151,6 @@ def get_attractions(city, country, temp, weather_desc):
     except Exception:
         return [("Error", "Could not fetch attractions.")]
 
-
 def format_attraction_card(name, details):
     return f"""
     <div class='card'>
@@ -171,10 +159,7 @@ def format_attraction_card(name, details):
     </div>
     """
 
-
-# -------------------------------
 # CSS
-# -------------------------------
 custom_css = """
 body, .gradio-container {
     background: linear-gradient(135deg, #f5f7fa 0%, #bbdefb 100%) !important;
@@ -246,9 +231,6 @@ body, .gradio-container {
 }
 """
 
-# -------------------------------
-# Generate Attraction Cards
-# -------------------------------
 def generate_attraction_cards(city):
     weather = get_weather(city)
     if not weather:
@@ -262,27 +244,22 @@ def generate_attraction_cards(city):
     )
     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="TripMate AI") as demo:
-        # Main Title
-        gr.Markdown("<div id='main-title'>🌍 TripMate AI</div>")
+        # Header
+        gr.HTML("<div id='main-title'>🌍 TripMate AI</div>")
 
         with gr.Row(equal_height=True):
-            # Weather section
             with gr.Column(scale=1):
-                gr.Markdown("<div class='section-header'>🌤️ Weather Dashboard</div>")
+                gr.HTML("<div class='section-header'>🌤️ Weather Dashboard</div>")
                 with gr.Group(elem_classes="content-box"):
                     city_input = gr.Textbox(label="🏙️ City Name", value="Dubai")
                     update_btn = gr.Button("📍 Get Weather Data")
                     weather_html = gr.HTML()
 
-            # Chatbot section
             with gr.Column(scale=1):
-                gr.Markdown("<div class='section-header'>🤖 Travel Assistant</div>")
+                gr.HTML("<div class='section-header'>🤖 Travel Assistant</div>")
                 with gr.Group(elem_classes="content-box"):
                     chat = gr.Chatbot(height=350, type="messages")
                     with gr.Row():
@@ -290,8 +267,7 @@ def launch_ui():
                         ask_btn = gr.Button("Send", scale=1)
                     state = gr.State([])
 
-        # Attractions section
-        gr.Markdown("<div class='section-header'>🏖️ Top Attractions You Can Visit</div>")
+        gr.HTML("<div class='section-header'>🏖️ Top Attractions You Can Visit</div>")
         attractions_html = gr.HTML()
 
         def update_all(city):
@@ -306,9 +282,8 @@ def launch_ui():
         demo.load(fn=lambda: update_all("Dubai"), inputs=None, outputs=[weather_html, attractions_html])
 
         # Footer
-        gr.Markdown("<div class='footer'>© 2025 TripMate AI – Your AI-powered travel companion.</div>")
+        gr.HTML("<div class='footer'>© 2025 TripMate AI – Your AI-powered travel companion.</div>")
 
     demo.launch()
 
-
 launch_ui()