Update app.py

app.py

@@ -5,8 +5,6 @@ from datetime import datetime, timedelta
 from functools import lru_cache
 import gradio as gr
 import openai
-import re
-from typing import List, Dict, Any
 
 # -------------------- CONFIGURATION --------------------
 OPENAI_API_KEY = os.getenv("OPENAI_API_KEY")
@@ -19,59 +17,9 @@ if not OPENAI_API_KEY:
 else:
     client = openai.OpenAI(api_key=OPENAI_API_KEY)
 
-# Global attractions cache
-ATTRACTIONS_CACHE = {}
-
-# Real images for famous attractions (only where we have verified images)
-REAL_IMAGES = {
-    # Paris
-    "eiffel tower": "https://images.unsplash.com/photo-1543349689-9a4d426bee8e?w=800&h=500&fit=crop",
-    "louvre museum": "https://images.unsplash.com/photo-1564910443436-deafeb5e7d6c?w=800&h=500&fit=crop",
-    "notre-dame cathedral": "https://images.unsplash.com/photo-1491336477066-31156b5e4f35?w=800&h=500&fit=crop",
-    "arc de triomphe": "https://images.unsplash.com/photo-1566566108883-476d3293f1d3?w=800&h=500&fit=crop",
-    "seine river": "https://images.unsplash.com/photo-1493707553966-283afac8c358?w=800&h=500&fit=crop",
-    "montmartre": "https://images.unsplash.com/photo-1522093007474-d86e9bf7ba6f?w=800&h=500&fit=crop",
-    
-    # Kigali
-    "kigali genocide memorial": "https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Kigali_Genocide_Memorial_03.jpg/800px-Kigali_Genocide_Memorial_03.jpg",
-    "inema arts center": "https://media-cdn.tripadvisor.com/media/photo-s/0e/9a/3f/8c/inema-arts-center.jpg",
-    
-    # Tokyo
-    "senso-ji temple": "https://images.unsplash.com/photo-1564507592333-c60657eea523?w=800&h=500&fit=crop",
-    "tokyo tower": "https://images.unsplash.com/photo-1542051841857-5f90071e7989?w=800&h=500&fit=crop",
-    "shibuya crossing": "https://images.unsplash.com/photo-1542051841857-5f90071e7989?w=800&h=500&fit=crop",
-    
-    # New York
-    "statue of liberty": "https://images.unsplash.com/photo-1505765050516-f72a3e10db15?w=800&h=500&fit=crop",
-    "times square": "https://images.unsplash.com/photo-1485871981521-5b1fd3805eee?w=800&h=500&fit=crop",
-    "central park": "https://images.unsplash.com/photo-1496442226666-8d4d0e62e6e9?w=800&h=500&fit=crop",
-    
-    # London
-    "big ben": "https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=800&h=500&fit=crop",
-    "london eye": "https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=800&h=500&fit=crop",
-    "tower bridge": "https://images.unsplash.com/photo-1529655683826-aba9b3e77383?w=800&h=500&fit=crop",
-    
-    # Rome
-    "colosseum": "https://images.unsplash.com/photo-1552832230-c0197dd311b5?w=800&h=500&fit=crop",
-    "vatican": "https://images.unsplash.com/photo-1549294413-26f195200c16?w=800&h=500&fit=crop",
-    "trevi fountain": "https://images.unsplash.com/photo-1552832230-c0197dd311b5?w=800&h=500&fit=crop",
-}
-
-def get_attraction_image(attraction_name: str) -> str:
-    """Get real image URL if available, otherwise return None."""
-    name_lower = attraction_name.lower()
-    
-    # Check exact match or partial match
-    for key, url in REAL_IMAGES.items():
-        if key in name_lower:
-            return url
-    
-    # No image found
-    return None
-
 # -------------------- WEATHER FUNCTION --------------------
 def get_weather(city: str) -> dict:
-    """Fetch real-time weather data for any city worldwide."""
+    """Fetch real-time weather data for any city."""
     if not OPENWEATHER_API_KEY:
         return {
             "city": city,
@@ -79,8 +27,7 @@ def get_weather(city: str) -> dict:
             "condition": "sunny",
             "humidity": 60,
             "wind_speed": 10,
-            "precipitation": 0,
-            "note": "Demo mode - Add OpenWeather API key for real data"
+            "note": "Add OpenWeather API key for real data"
         }
     try:
         url = "https://api.openweathermap.org/data/2.5/weather"
@@ -89,161 +36,142 @@ def get_weather(city: str) -> dict:
         data = response.json()
         if response.status_code != 200:
             return {"error": f"Weather API error: {data.get('message', 'unknown')}"}
-        
         return {
             "city": city,
             "temperature": data['main']['temp'],
-            "feels_like": data['main']['feels_like'],
             "condition": data['weather'][0]['description'],
             "humidity": data['main']['humidity'],
             "wind_speed": data['wind']['speed'],
             "precipitation": data.get('rain', {}).get('1h', 0)
         }
     except Exception as e:
-        return {"error": f"Weather service unavailable: {str(e)}"}
+        return {"error": f"Weather error: {str(e)}"}
 
-# -------------------- ATTRACTIONS FUNCTIONS --------------------
-def fetch_attractions_via_openai(city: str) -> List[Dict]:
-    """Fetch attractions for ANY city using OpenAI."""
-    if not client:
-        return get_fallback_attractions(city)
+# -------------------- ATTRACTIONS FUNCTION --------------------
+def get_real_attractions(city: str) -> list:
+    """Get real attractions using SerpAPI first, then OpenAI as fallback."""
     
-    try:
-        prompt = f"""
-List the top 6 must-visit tourist attractions in {city}. For each attraction, provide:
-1. Name (real attraction name)
-2. A vivid, engaging 2-sentence description
-3. Entry fee (in USD, use 0 for free)
-4. Visit duration in hours
+    # Try SerpAPI first (gives real-time search results)
+    if SERP_API_KEY:
+        try:
+            params = {
+                "q": f"top tourist attractions in {city}",
+                "api_key": SERP_API_KEY,
+                "engine": "google",
+                "num": 6
+            }
+            response = requests.get("https://serpapi.com/search", params=params, timeout=10)
+            data = response.json()
+            
+            attractions = []
+            for result in data.get("organic_results", [])[:6]:
+                title = result.get("title", "")
+                # Skip Wikipedia and TripAdvisor pages to get direct attraction names
+                if "wikipedia" not in title.lower() and "tripadvisor" not in title.lower():
+                    # Clean up the title
+                    name = title.split(" - ")[0].split(" | ")[0].split(":")[0].strip()
+                    if len(name) > 5 and len(name) < 100:  # Valid attraction name
+                        attractions.append({
+                            "name": name,
+                            "description": result.get("snippet", f"Popular attraction in {city}"),
+                            "entry_fee": "Check website",
+                            "duration_hours": 2
+                        })
+            
+            if attractions and len(attractions) >= 3:
+                return attractions[:6]
+        except Exception as e:
+            print(f"SerpAPI error: {e}")
+    
+    # Fallback to OpenAI if SerpAPI fails or no results
+    if client:
+        try:
+            prompt = f"""List the top 6 REAL tourist attractions in {city}. For each attraction, provide:
+- Name (actual famous attraction name, not generic like 'city center')
+- A brief description (1 sentence)
+- Typical entry fee in USD (use numbers, 0 if free)
+- Approximate visit duration in hours
 
-Return ONLY a JSON array with keys: name, description, entry_fee, duration_hours.
+Return ONLY a valid JSON array with keys: name, description, entry_fee, duration_hours.
 
-Example:
-[
-  {{
-    "name": "Eiffel Tower",
-    "description": "Iconic iron lattice tower offering breathtaking panoramic views of Paris.",
-    "entry_fee": 25,
-    "duration_hours": 2.5
-  }}
-]
+Example: [{{"name": "Eiffel Tower", "description": "Iconic iron tower with panoramic views", "entry_fee": 25, "duration_hours": 2.5}}]
 
-Make sure to use REAL attractions specific to {city}.
-"""
-        response = client.chat.completions.create(
-            model="gpt-3.5-turbo",
-            messages=[{"role": "user", "content": prompt}],
-            temperature=0.7,
-            max_tokens=1500
-        )
-        content = response.choices[0].message.content
-        
-        # Clean the response
-        content = content.strip()
-        if content.startswith('```json'):
-            content = content[7:]
-        if content.startswith('```'):
-            content = content[3:]
-        if content.endswith('```'):
-            content = content[:-3]
-        
-        attractions = json.loads(content)
-        
-        if isinstance(attractions, dict) and "attractions" in attractions:
-            attractions = attractions["attractions"]
-        elif not isinstance(attractions, list):
-            attractions = [attractions]
-        
-        result = []
-        for a in attractions[:6]:
-            fee = a.get("entry_fee", 0)
-            if isinstance(fee, (int, float)):
-                if fee == 0:
-                    fee_display = "Free"
+Important: Use REAL attractions specific to {city}. Do not use generic names."""
+            
+            response = client.chat.completions.create(
+                model="gpt-3.5-turbo",
+                messages=[{"role": "user", "content": prompt}],
+                temperature=0.7,
+                max_tokens=1000
+            )
+            content = response.choices[0].message.content
+            
+            # Clean response
+            content = content.strip()
+            if content.startswith('```json'):
+                content = content[7:]
+            if content.startswith('```'):
+                content = content[3:]
+            if content.endswith('```'):
+                content = content[:-3]
+            
+            attractions = json.loads(content)
+            if isinstance(attractions, dict) and "attractions" in attractions:
+                attractions = attractions["attractions"]
+            elif not isinstance(attractions, list):
+                attractions = [attractions]
+            
+            result = []
+            for a in attractions[:6]:
+                fee = a.get("entry_fee", 0)
+                if isinstance(fee, (int, float)):
+                    if fee == 0:
+                        fee_display = "Free"
+                    else:
+                        fee_display = f"${fee}"
                 else:
-                    fee_display = f"${fee}"
-            else:
-                fee_display = str(fee)
+                    fee_display = str(fee)
+                
+                result.append({
+                    "name": a.get("name", "Unknown"),
+                    "description": a.get("description", f"A must-visit attraction in {city}"),
+                    "entry_fee": fee_display,
+                    "duration_hours": a.get("duration_hours", 2)
+                })
             
-            result.append({
-                "name": a.get("name", "Unknown"),
-                "entry_fee": fee_display,
-                "duration_hours": a.get("duration_hours", 2),
-                "description": a.get("description", f"A must-visit attraction in {city}"),
-            })
-        
-        # Cache the results
-        ATTRACTIONS_CACHE[city] = result
-        return result
-        
-    except Exception as e:
-        print(f"OpenAI attractions error: {e}")
-        return get_fallback_attractions(city)
-
-def get_fallback_attractions(city: str) -> List[Dict]:
-    """Provide fallback attractions for any city."""
-    city_lower = city.lower()
-    
-    # Real attractions for major cities
-    real_attractions = {
-        "kigali": [
-            {"name": "Kigali Genocide Memorial", "description": "A powerful memorial and museum honoring the victims of the 1994 genocide, with exhibits and gardens.", "entry_fee": "Free", "duration_hours": 3},
-            {"name": "Inema Arts Center", "description": "Vibrant contemporary art gallery showcasing Rwandan artists with colorful paintings and sculptures.", "entry_fee": "Free", "duration_hours": 2},
-            {"name": "Mount Kigali", "description": "The highest point in Kigali offering panoramic views of the city and surrounding hills.", "entry_fee": "Free", "duration_hours": 3},
-            {"name": "Kimironko Market", "description": "Kigali's largest local market where you can experience daily life and buy fresh produce.", "entry_fee": "Free", "duration_hours": 2},
-            {"name": "Nyamirambo Women's Center", "description": "Community center offering walking tours and cultural experiences supporting local women.", "entry_fee": "$20", "duration_hours": 3},
-            {"name": "Presidential Palace Museum", "description": "Former presidential residence with fascinating history and exhibits.", "entry_fee": "$5", "duration_hours": 2}
-        ],
-        "paris": [
-            {"name": "Eiffel Tower", "description": "Iconic iron lattice tower offering breathtaking panoramic views of Paris.", "entry_fee": "$25", "duration_hours": 2.5},
-            {"name": "Louvre Museum", "description": "World's largest art museum, home to the Mona Lisa and thousands of artworks.", "entry_fee": "$20", "duration_hours": 4},
-            {"name": "Notre-Dame Cathedral", "description": "Magnificent Gothic cathedral with stunning architecture and history.", "entry_fee": "Free", "duration_hours": 1.5},
-            {"name": "Montmartre", "description": "Charming hilltop village with artists' square and Sacré-Cœur basilica.", "entry_fee": "Free", "duration_hours": 3},
-            {"name": "Seine River Cruise", "description": "Relaxing boat tour passing by Paris's most famous landmarks.", "entry_fee": "$15", "duration_hours": 1},
-            {"name": "Arc de Triomphe", "description": "Monumental arch honoring French soldiers with panoramic city views.", "entry_fee": "$13", "duration_hours": 2}
-        ]
-    }
-    
-    for key, attractions in real_attractions.items():
-        if key in city_lower:
-            return attractions
+            if result:
+                return result
+                
+        except Exception as e:
+            print(f"OpenAI attractions error: {e}")
     
-    # Generic attractions
+    # Ultimate fallback - generic but informative
     return [
-        {"name": f"{city} City Center", "description": f"The vibrant heart of {city} with historic architecture and charming cafes.", "entry_fee": "Free", "duration_hours": 2},
-        {"name": f"{city} Main Market", "description": f"Experience local life at this vibrant market with fresh produce and crafts.", "entry_fee": "Free", "duration_hours": 1.5},
-        {"name": f"{city} Cathedral", "description": f"A magnificent religious site showcasing stunning architecture.", "entry_fee": "Free", "duration_hours": 1},
-        {"name": f"{city} Museum", "description": f"Discover the rich cultural heritage and artistic treasures of {city}.", "entry_fee": "$12", "duration_hours": 2}
+        {"name": f"Historic {city} City Center", "description": f"The historic heart of {city} with beautiful architecture and local culture.", "entry_fee": "Free", "duration_hours": 2},
+        {"name": f"{city} Cultural Museum", "description": f"Discover the rich history and cultural heritage of {city}.", "entry_fee": "$10", "duration_hours": 2},
+        {"name": f"{city} Central Park", "description": f"A beautiful green space perfect for relaxation and outdoor activities.", "entry_fee": "Free", "duration_hours": 1.5},
+        {"name": f"{city} Local Market", "description": f"Experience local life at this vibrant market with fresh produce and crafts.", "entry_fee": "Free", "duration_hours": 1.5}
     ]
 
-def get_attractions(city: str) -> Dict:
-    """Get attractions from cache or fetch new ones."""
-    city_clean = city.strip().lower()
-    if city_clean in ATTRACTIONS_CACHE:
-        return {"city": city, "attractions": ATTRACTIONS_CACHE[city_clean]}
-    
-    attractions = fetch_attractions_via_openai(city)
-    return {"city": city, "attractions": attractions}
-
 # -------------------- BUDGET CALCULATION --------------------
-def calculate_budget(num_days: int, budget_amount: float = None) -> Dict:
+def calculate_budget(num_days: int, budget_amount: float = None) -> dict:
     """Calculate budget based on days and user input."""
     if budget_amount:
         daily_budget = budget_amount / num_days
         if daily_budget < 100:
-            level = "budget"
+            level = "Budget"
             daily_rates = {"accommodation": 50, "food": 35, "transport": 15, "activities": 10}
         elif daily_budget < 200:
-            level = "moderate"
+            level = "Moderate"
             daily_rates = {"accommodation": 100, "food": 60, "transport": 25, "activities": 20}
         elif daily_budget < 400:
-            level = "comfortable"
+            level = "Comfortable"
             daily_rates = {"accommodation": 180, "food": 100, "transport": 35, "activities": 35}
         else:
-            level = "luxury"
+            level = "Luxury"
             daily_rates = {"accommodation": 300, "food": 150, "transport": 50, "activities": 60}
     else:
-        level = "moderate"
+        level = "Moderate"
         daily_rates = {"accommodation": 100, "food": 60, "transport": 25, "activities": 20}
     
     accommodation = daily_rates["accommodation"] * num_days
@@ -269,18 +197,18 @@ def generate_itinerary(destination: str, start_date: str, num_days: int,
     try:
         # Validate inputs
         if not destination:
-            return "<div style='color: red; padding: 20px; text-align: center;'>❌ Please enter a destination city.</div>"
+            return "❌ Please enter a destination city."
         
         if num_days < 1 or num_days > 14:
-            return "<div style='color: red; padding: 20px; text-align: center;'>❌ Number of days must be between 1 and 14.</div>"
+            return "❌ Number of days must be between 1 and 14."
         
-        # Get data
+        # Get weather
         weather = get_weather(destination)
         if "error" in weather:
-            return f"<div style='color: red; padding: 20px; text-align: center;'>❌ Weather error: {weather['error']}</div>"
+            return f"❌ Weather error: {weather['error']}"
         
-        attractions_data = get_attractions(destination)
-        attractions = attractions_data["attractions"]
+        # Get real attractions
+        attractions = get_real_attractions(destination)
         
         # Calculate budget
         budget_data = calculate_budget(num_days, budget_amount)
@@ -289,21 +217,20 @@ def generate_itinerary(destination: str, start_date: str, num_days: int,
         start = datetime.strptime(start_date, "%Y-%m-%d")
         end = start + timedelta(days=int(num_days) - 1)
         
-        # Generate beautiful HTML itinerary
-        html = generate_beautiful_itinerary(
+        # Generate HTML itinerary
+        html = generate_html_itinerary(
             destination, weather, attractions, budget_data, 
-            num_days, start, end, budget_amount, budget_currency, departure_city
+            num_days, start, end, budget_amount, departure_city
         )
         
         return html
         
     except Exception as e:
-        return f"<div style='color: red; padding: 20px; text-align: center;'>❌ An unexpected error occurred: {str(e)}</div>"
+        return f"❌ An unexpected error occurred: {str(e)}"
 
-def generate_beautiful_itinerary(destination, weather, attractions, budget_data, 
-                                 num_days, start_date, end_date, budget_amount, 
-                                 budget_currency, departure_city):
-    """Create a stunning itinerary with real images when available."""
+def generate_html_itinerary(destination, weather, attractions, budget_data, 
+                           num_days, start_date, end_date, budget_amount, departure_city):
+    """Create beautiful HTML itinerary."""
     
     # Weather details
     weather_temp = f"{weather['temperature']:.1f}°C" if isinstance(weather['temperature'], (int, float)) else str(weather['temperature'])
@@ -319,44 +246,21 @@ def generate_beautiful_itinerary(destination, weather, attractions, budget_data,
         </div>
         """
     
-    # Attractions list with images (only if real image exists)
+    # Attractions list
     attractions_html = ""
     for attr in attractions[:6]:
-        img_url = get_attraction_image(attr['name'])
-        
-        if img_url:
-            # With image
-            attractions_html += f"""
-            <div style="background: white; border-radius: 12px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1);">
-                <div style="display: flex; flex-wrap: wrap;">
-                    <div style="flex: 0 0 200px;">
-                        <img src="{img_url}" style="width: 100%; height: 150px; object-fit: cover;" alt="{attr['name']}">
-                    </div>
-                    <div style="flex: 1; padding: 15px;">
-                        <strong style="font-size: 1.1em; color: #333;">📍 {attr['name']}</strong>
-                        <div style="color: #666; margin: 8px 0; font-size: 0.95em;">{attr['description']}</div>
-                        <div style="display: flex; gap: 15px; margin-top: 8px; font-size: 0.85em;">
-                            <span>⏱️ {attr['duration_hours']} hrs</span>
-                            <span>🎟️ {attr['entry_fee']}</span>
-                        </div>
-                    </div>
-                </div>
+        attractions_html += f"""
+        <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; margin-bottom: 12px; border-left: 3px solid #667eea;">
+            <strong style="font-size: 1.1em; color: #333;">📍 {attr['name']}</strong>
+            <div style="color: #666; margin: 8px 0; font-size: 0.95em;">{attr['description']}</div>
+            <div style="display: flex; gap: 15px; margin-top: 8px; font-size: 0.85em;">
+                <span>⏱️ {attr['duration_hours']} hrs</span>
+                <span>🎟️ {attr['entry_fee']}</span>
             </div>
-            """
-        else:
-            # Without image
-            attractions_html += f"""
-            <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; margin-bottom: 12px; border-left: 3px solid #667eea;">
-                <strong style="font-size: 1.1em; color: #333;">📍 {attr['name']}</strong>
-                <div style="color: #666; margin: 8px 0; font-size: 0.95em;">{attr['description']}</div>
-                <div style="display: flex; gap: 15px; margin-top: 8px; font-size: 0.85em;">
-                    <span>⏱️ {attr['duration_hours']} hrs</span>
-                    <span>🎟️ {attr['entry_fee']}</span>
-                </div>
-            </div>
-            """
+        </div>
+        """
     
-    # Daily itinerary with images (only if real image exists)
+    # Daily itinerary
     daily_html = ""
     per_day = max(1, len(attractions) // max(1, num_days))
     
@@ -378,23 +282,7 @@ def generate_beautiful_itinerary(destination, weather, attractions, budget_data,
             """
             
             for attr in day_attractions:
-                img_url = get_attraction_image(attr['name'])
-                
-                if img_url:
-                    daily_html += f"""
-                    <div style="display: flex; gap: 15px; margin-bottom: 20px; padding: 10px; background: #f8f9fa; border-radius: 8px;">
-                        <img src="{img_url}" style="width: 80px; height: 80px; object-fit: cover; border-radius: 8px;" alt="{attr['name']}">
-                        <div style="flex: 1;">
-                            <strong>{attr['name']}</strong><br>
-                            <span style="font-size: 0.85em; color: #666;">{attr['description'][:100]}...</span>
-                            <div style="font-size: 0.75em; color: #888; margin-top: 5px;">
-                                ⏱️ {attr['duration_hours']} hrs | 🎟️ {attr['entry_fee']}
-                            </div>
-                        </div>
-                    </div>
-                    """
-                else:
-                    daily_html += f"""
+                daily_html += f"""
                     <div style="margin-bottom: 15px; padding: 10px; background: #f8f9fa; border-radius: 8px;">
                         <strong>✨ {attr['name']}</strong><br>
                         <span style="font-size: 0.85em; color: #666;">{attr['description'][:100]}...</span>
@@ -402,24 +290,21 @@ def generate_beautiful_itinerary(destination, weather, attractions, budget_data,
                             ⏱️ {attr['duration_hours']} hrs | 🎟️ {attr['entry_fee']}
                         </div>
                     </div>
-                    """
+                """
             
             daily_html += f"""
                     <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0e0e0;">
-                        <div><span style="font-size: 1.1em;">🍽️</span> <strong>Lunch:</strong> Try authentic local cuisine</div>
-                        <div style="margin-top: 8px;"><span style="font-size: 1.1em;">🌙</span> <strong>Evening:</strong> Explore local markets or enjoy cultural entertainment</div>
+                        <div><span style="font-size: 1.1em;">🍽️</span> <strong>Lunch:</strong> Try authentic local cuisine at a nearby restaurant</div>
+                        <div style="margin-top: 8px;"><span style="font-size: 1.1em;">🌙</span> <strong>Evening:</strong> Explore local markets, enjoy cultural shows, or relax at a cafe</div>
                     </div>
                 </div>
             </div>
             """
     
     # Budget breakdown
-    level_names = {"budget": "Budget", "moderate": "Moderate", "comfortable": "Comfortable", "luxury": "Luxury"}
-    level_display = level_names.get(budget_data['level'], "Moderate")
-    
     budget_html = f"""
     <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 20px; border-radius: 12px; color: white; margin: 20px 0;">
-        <h3 style="margin: 0 0 15px 0;">💰 Budget Breakdown ({level_display} Travel Style)</h3>
+        <h3 style="margin: 0 0 15px 0;">💰 Budget Breakdown ({budget_data['level']} Travel Style)</h3>
         <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px;">
             <div><strong>🏨 Accommodation</strong><br>${budget_data['accommodation']:.0f}<br><small>(${budget_data['daily']['accommodation']}/day)</small></div>
             <div><strong>🍽️ Food & Dining</strong><br>${budget_data['food']:.0f}<br><small>(${budget_data['daily']['food']}/day)</small></div>
@@ -438,10 +323,12 @@ def generate_beautiful_itinerary(destination, weather, attractions, budget_data,
     <div style="background: #f0f4ff; padding: 20px; border-radius: 12px; margin: 20px 0;">
         <h3 style="margin: 0 0 15px 0; color: #667eea;">💡 Smart Travel Tips</h3>
         <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
-            <div>🎫 <strong>Book in Advance</strong><br>Save time and money</div>
-            <div>🚇 <strong>Public Transport</strong><br>Get day passes for savings</div>
-            <div>📱 <strong>Offline Maps</strong><br>Download before you go</div>
-            <div>💵 <strong>Local Currency</strong><br>Carry cash for markets</div>
+            <div>🎫 <strong>Book in Advance</strong><br>Save time and money on popular attractions</div>
+            <div>🚇 <strong>Public Transport</strong><br>Get day passes for unlimited travel savings</div>
+            <div>📱 <strong>Offline Maps</strong><br>Download Google Maps before your trip</div>
+            <div>💵 <strong>Local Currency</strong><br>Carry cash for markets and small vendors</div>
+            <div>🌍 <strong>Learn Basic Phrases</strong><br>A few local words go a long way</div>
+            <div>📸 <strong>Early Bird</strong><br>Visit popular spots early to avoid crowds</div>
         </div>
     </div>
     """
@@ -514,7 +401,7 @@ def generate_beautiful_itinerary(destination, weather, attractions, budget_data,
         
         <!-- Footer -->
         <div style="text-align: center; padding: 20px; margin-top: 20px; font-size: 0.85em; color: #666;">
-            <p>✨ TravelBuddy AI • Powered by OpenAI • Real-time Weather • Smart Recommendations</p>
+            <p>✨ TravelBuddy AI • Powered by OpenAI, OpenWeather & SerpAPI • Real-time Weather • Smart Recommendations</p>
         </div>
     </div>
     """
@@ -561,7 +448,7 @@ with gr.Blocks(css=css, title="✨ TravelBuddy AI - Smart Travel Planner") as de
                 gr.Markdown("### 🎯 Where's Your Next Adventure?")
                 destination = gr.Textbox(
                     label="Destination",
-                    placeholder="e.g., Paris, Kigali, Tokyo, New York, Bali...",
+                    placeholder="e.g., Paris, Tokyo, Nairobi, New York, Rome...",
                     lines=1,
                     show_label=False
                 )
@@ -624,18 +511,19 @@ with gr.Blocks(css=css, title="✨ TravelBuddy AI - Smart Travel Planner") as de
     # Examples section
     gr.HTML("""
     <div style="text-align: center; padding: 20px; margin-top: 20px; border-top: 1px solid #eee;">
-        <h3>🌟 Try These Destinations</h3>
+        <h3>🌟 Popular Destinations to Try</h3>
         <div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;">
             <button onclick="document.querySelector('#destination input').value='Paris';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🗼 Paris</button>
-            <button onclick="document.querySelector('#destination input').value='Kigali';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🌍 Kigali</button>
             <button onclick="document.querySelector('#destination input').value='Tokyo';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🗾 Tokyo</button>
+            <button onclick="document.querySelector('#destination input').value='Nairobi';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🦒 Nairobi</button>
             <button onclick="document.querySelector('#destination input').value='New York';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🗽 New York</button>
             <button onclick="document.querySelector('#destination input').value='Rome';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🏛️ Rome</button>
+            <button onclick="document.querySelector('#destination input').value='Bangkok';" style="background: #f0f4ff; border: none; padding: 8px 16px; border-radius: 20px; cursor: pointer;">🍜 Bangkok</button>
         </div>
     </div>
     
     <div style="text-align: center; padding: 20px; margin-top: 20px; border-top: 1px solid #eee; color: #666;">
-        <small>Powered by OpenAI, Weather API • Smart travel planning for the modern explorer ✨</small>
+        <small>Powered by OpenAI, OpenWeather API, and SerpAPI • Real-time data for accurate travel planning ✨</small>
     </div>
     """)