Update app.py

app.py

@@ -8,6 +8,44 @@ import random
 # =========================
 WEATHER_API_KEY = "3a97c8c63350b72e8439c42e8d371b07"
 
+# =========================
+# 🇧🇩 Bangladesh Divisions & Districts
+# =========================
+BANGLADESH_LOCATIONS = {
+    "Dhaka Division": [
+        "Dhaka", "Faridpur", "Gazipur", "Gopalganj", "Kishoreganj", 
+        "Madaripur", "Manikganj", "Munshiganj", "Narayanganj", "Narsingdi", 
+        "Rajbari", "Shariatpur", "Tangail"
+    ],
+    "Chattogram Division": [
+        "Chattogram", "Bandarban", "Brahmanbaria", "Chandpur", "Cumilla", 
+        "Cox's Bazar", "Feni", "Khagrachhari", "Lakshmipur", "Noakhali", 
+        "Rangamati"
+    ],
+    "Rajshahi Division": [
+        "Rajshahi", "Bogura", "Joypurhat", "Naogaon", "Natore", 
+        "Chapainawabganj", "Pabna", "Sirajganj"
+    ],
+    "Khulna Division": [
+        "Khulna", "Bagerhat", "Chuadanga", "Jessore", "Jhenaidah", 
+        "Kushtia", "Magura", "Meherpur", "Narail", "Satkhira"
+    ],
+    "Barishal Division": [
+        "Barishal", "Barguna", "Bhola", "Jhalokathi", "Patuakhali", 
+        "Pirojpur"
+    ],
+    "Sylhet Division": [
+        "Sylhet", "Habiganj", "Moulvibazar", "Sunamganj"
+    ],
+    "Rangpur Division": [
+        "Rangpur", "Dinajpur", "Gaibandha", "Kurigram", "Lalmonirhat", 
+        "Nilphamari", "Panchagarh", "Thakurgaon"
+    ],
+    "Mymensingh Division": [
+        "Mymensingh", "Jamalpur", "Netrokona", "Sherpur"
+    ]
+}
+
 # =========================
 # 📿 50 Moral Hadiths (English + Bengali)
 # =========================
@@ -117,258 +155,13 @@ HADITHS = [
         "happy_message": "Celebrate others' success - there's enough blessings for everyone! 🎉",
         "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 💖"
     },
-    {
-        "english": "Help your brother, whether he is an oppressor or oppressed.",
-        "bengali": "তোমার ভাইকে সাহায্য করো, সে অত্যাচারী হোক বা অত্যাচারিত।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "True help means guiding toward justice and goodness! ⚖️",
-        "salam": "As-Salamu Alaikum! Be a helper and a guide! 🌟"
-    },
-    {
-        "english": "Avoid suspicion, for suspicion is the worst of false tales.",
-        "bengali": "সন্দেহ এড়িয়ে চলো, কারণ সন্দেহ সবচেয়ে খারাপ মিথ্যা কথা।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Think good of others - positivity attracts blessings! 🌞",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Think positive! 💭"
-    },
-    {
-        "english": "The best charity is that given in secret.",
-        "bengali": "সর্বোত্তম সদকা হলো যা গোপনে দেওয়া হয়।",
-        "reference": "Sahih Bukhari",
-        "happy_message": "Give quietly and let Allah reward you abundantly! 🎁",
-        "salam": "As-Salamu Alaikum! May your charity be blessed! 🤲"
-    },
-    {
-        "english": "Protect yourself from hellfire even by giving half a date in charity.",
-        "bengali": "এমনকি অর্ধেক খেজুর দান করে হলেও নিজেকে জাহান্নাম থেকে রক্ষা করো।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "No charity is too small when given with a sincere heart! 💝",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🌙"
-    },
-    {
-        "english": "Whoever alleviates the hardship of a believer in this world, Allah will alleviate his hardship on the Day of Judgment.",
-        "bengali": "যে কেউ এই দুনিয়ায় একজন মুমিনের কষ্ট লাঘব করে, আল্লাহ কিয়ামতের দিন তার কষ্ট লাঘব করবেন।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Help ease someone's burden today - Allah sees everything! 👁️",
-        "salam": "As-Salamu Alaikum! May Allah ease your difficulties! 🤲"
-    },
-    {
-        "english": "Treat your parents with kindness.",
-        "bengali": "তোমার পিতামাতার সাথে সদয় ব্যবহার করো।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Show love to your parents - their prayers are powerful! 👨‍👩‍👦",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Honor your parents! 💕"
-    },
-    {
-        "english": "The rights of neighbors are very important in Islam.",
-        "bengali": "ইসলামে প্রতিবেশীদের অধিকার অত্যন্ত গুরুত্বপূর্ণ।",
-        "reference": "Sahih Bukhari",
-        "happy_message": "A kind neighbor makes a happy community! 🏘️",
-        "salam": "As-Salamu Alaikum! Be a blessing to your neighbors! 🌟"
-    },
-    {
-        "english": "Help your neighbor even if he is a stranger.",
-        "bengali": "তোমার প্রতিবেশীকে সাহায্য করো যদিও সে অপরিচিত।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Kindness to neighbors brings peace to your home! 🏡",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 💚"
-    },
-    {
-        "english": "A good word is charity.",
-        "bengali": "একটি ভালো কথা সদকা।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Your kind words can heal hearts - speak them freely! 💬💖",
-        "salam": "As-Salamu Alaikum! Speak words of kindness! 🌸"
-    },
-    {
-        "english": "Do not mock others, nor insult them, nor defame them.",
-        "bengali": "অন্যদের উপহাস করো না, অপমান করো না, তাদের মানহানি করো না।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Respect everyone - we're all Allah's creation! 🌍",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Show respect to all! 🙏"
-    },
-    {
-        "english": "Avoid anger and forgive others.",
-        "bengali": "রাগ এড়িয়ে চলো এবং অন্যদের ক্ষমা করো।",
-        "reference": "Sahih Bukhari",
-        "happy_message": "Forgiveness sets you free and brings inner peace! 🕊️",
-        "salam": "As-Salamu Alaikum! Choose peace over anger! ☮️"
-    },
-    {
-        "english": "Visit the sick, feed the hungry, and free the captives.",
-        "bengali": "অসুস্থদের দেখতে যাও, ক্ষুধার্তদের খাওয়াও এবং বন্দীদের মুক্ত করো।",
-        "reference": "Sahih Bukhari",
-        "happy_message": "Your compassion in action makes the world better! 🌎",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🤲"
-    },
-    {
-        "english": "Be merciful to the young, and respect the elderly.",
-        "bengali": "তরুণদের প্রতি দয়ালু হও এবং বয়স্কদের সম্মান করো।",
-        "reference": "Abu Dawud",
-        "happy_message": "Love the young, honor the old - this is beautiful! 👶👴",
-        "salam": "As-Salamu Alaikum! Respect all ages! 🌈"
-    },
-    {
-        "english": "Speak softly; harsh speech turns people away.",
-        "bengali": "মৃদু কথা বলো; কঠোর কথা মানুষকে দূরে সরিয়ে দেয়।",
-        "reference": "Tirmidhi",
-        "happy_message": "Gentle words open hearts and minds! 💝",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Be gentle! 🌺"
-    },
-    {
-        "english": "Do not waste food; it is a blessing.",
-        "bengali": "খাবার নষ্ট করো না; এটি একটি আশীর্বাদ।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Gratitude for food brings more blessings! 🍽️",
-        "salam": "As-Salamu Alaikum! Be grateful for every bite! 🙏"
-    },
-    {
-        "english": "Help animals; treat them with kindness.",
-        "bengali": "পশুদের সাহায্য করো; তাদের সাথে দয়ালু আচরণ করো।",
-        "reference": "Sahih Bukhari",
-        "happy_message": "Kindness to animals shows a pure heart! 🐾",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🦋"
-    },
-    {
-        "english": "Do not oppress anyone, and do not be oppressed.",
-        "bengali": "কাউকে অত্যাচার করো না এবং অত্যাচারিত হয়ো না।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Stand for justice and be strong in faith! ⚖️",
-        "salam": "As-Salamu Alaikum! Justice brings peace! ☮️"
-    },
-    {
-        "english": "Be truthful; it leads to righteousness.",
-        "bengali": "সত্যবাদী হও; এটি ধার্মিকতার দিকে নিয়ে যায়।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Truth is a shield that protects you always! 🛡️",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Speak truth! 💎"
-    },
-    {
-        "english": "Do not break promises or betray trusts.",
-        "bengali": "প্রতিশ্রুতি ভঙ্গ করো না বা আমানতের খিয়ানত করো না।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Trustworthiness makes you a person of honor! 🏆",
-        "salam": "As-Salamu Alaikum! Be trustworthy always! 🤝"
-    },
-    {
-        "english": "Maintain ties of kinship.",
-        "bengali": "আত্মীয়তার বন্ধন বজায় রাখো।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Family bonds bring blessings and joy! 👨‍👩‍👧‍👦",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 💕"
-    },
-    {
-        "english": "Give the best gift to your family.",
-        "bengali": "তোমার পরিবারকে সর্বোত্তম উপহার দাও।",
-        "reference": "Tirmidhi",
-        "happy_message": "Your time and love are the best gifts! 🎁",
-        "salam": "As-Salamu Alaikum! Cherish your family! ❤️"
-    },
-    {
-        "english": "Smile in your brother's face; it is charity.",
-        "bengali": "তোমার ভাইয়ের মুখে হাসি দাও; এটি সদকা।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Your smile is a beautiful sadaqah! 😊",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Keep smiling! 🌟"
-    },
-    {
-        "english": "Feed your neighbor before yourself.",
-        "bengali": "নিজের আগে তোমার প্রতিবেশীকে খাওয়াও।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Sharing brings multiplied blessings! 🍲",
-        "salam": "As-Salamu Alaikum! Share your blessings! 🌙"
-    },
-    {
-        "english": "Be grateful to Allah and to people around you.",
-        "bengali": "আল্লাহর এবং তোমার আশেপাশের মানুষের প্রতি কৃতজ্ঞ হও।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Gratitude opens doors to more blessings! 🚪✨",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🙏"
-    },
-    {
-        "english": "Speak gently to children; harshness harms the soul.",
-        "bengali": "শিশুদের সাথে কোমলভাবে কথা বলো; কঠোরতা আত্মাকে ক্ষতিগ্রস্ত করে।",
-        "reference": "Abu Dawud",
-        "happy_message": "Nurture young hearts with love and kindness! 👶💖",
-        "salam": "As-Salamu Alaikum! Be gentle with children! 🌸"
-    },
-    {
-        "english": "Be humble; arrogance distances you from Allah.",
-        "bengali": "বিনয়ী হও; অহংকার তোমাকে আল্লাহ থেকে দূরে সরিয়ে দেয়।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Humility elevates you in the eyes of Allah! 🌙",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Stay humble! 🙇"
-    },
-    {
-        "english": "Forgive others to be forgiven.",
-        "bengali": "ক্ষমা পেতে হলে অন্যদের ক্ষমা করো।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Forgiveness is freedom for your soul! 🕊️",
-        "salam": "As-Salamu Alaikum! Practice forgiveness! 💝"
-    },
-    {
-        "english": "Do not be jealous of others' blessings.",
-        "bengali": "অন্যদের আশীর্বাদে ঈর্ষান্বিত হয়ো না।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Your blessings are on their way - be patient! ⏰",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🌟"
-    },
-    {
-        "english": "A Muslim is one from whose tongue and hand people are safe.",
-        "bengali": "মুসলিম সেই ব্যক্তি যার জিহ্বা ও হাত থেকে মানুষ নিরাপদ।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Be a source of safety and peace for others! 🛡️",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Be harmless! 🕊️"
-    },
-    {
-        "english": "Pray for your brother in his absence.",
-        "bengali": "তোমার ভাইয়ের অনুপস্থিতিতে তার জন্য দোয়া করো।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Silent prayers for others bring angels' blessings to you! 👼",
-        "salam": "As-Salamu Alaikum! Pray for each other! 🤲"
-    },
-    {
-        "english": "The best deed is that done regularly, even if small.",
-        "bengali": "সর্বোত্তম কাজ হলো যা নিয়মিত করা হয়, এমনকি ছোট হলেও।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Consistency in small deeds brings great rewards! 🌟",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 💫"
-    },
-    {
-        "english": "Do not abandon prayer; it nurtures your heart.",
-        "bengali": "নামাজ ত্যাগ করো না; এটি তোমার হৃদয়কে পুষ্টি দেয়।",
-        "reference": "Sahih Muslim",
-        "happy_message": "Prayer is your direct connection to peace! 🕌",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Pray regularly! 📿"
-    },
-    {
-        "english": "Be patient in hardship; it is the key to faith.",
-        "bengali": "কষ্টে ধৈর্য ধরো; এটি ঈমানের চাবিকাঠি।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "After hardship comes ease - hold on! 🌈",
-        "salam": "As-Salamu Alaikum! Stay patient and hopeful! 🌙"
-    },
-    {
-        "english": "Avoid idle talk; it wastes the soul.",
-        "bengali": "অলস কথা এড়িয়ে চলো; এটি আত্মাকে নষ্ট করে।",
-        "reference": "Abu Dawud",
-        "happy_message": "Use your words wisely - they matter! 💬",
-        "salam": "As-Salamu Alaikum Wa Rahmatullahi Wa Barakatuh! 🌟"
-    },
-    {
-        "english": "Love for others what you love for yourself; this is faith.",
-        "bengali": "অন্যদের জন্য তাই ভালোবাসো যা নিজের জন্য ভালোবাসো; এটিই ঈমান।",
-        "reference": "Sahih Bukhari & Muslim",
-        "happy_message": "Wishing well for others brings blessings to you! 🌟",
-        "salam": "As-Salamu Alaikum Wa Rahmatullah! Love and be loved! 💖"
-    }
 ]
 
 # =========================
 # 🕌 Get Real Prayer Times from Aladhan API
 # =========================
-def get_prayer_times(city, country):
-    """Get real-time prayer times using Aladhan API"""
+def get_prayer_times(city):
+    """Get real-time prayer times using Aladhan API for Bangladesh"""
     try:
         # Get current date
         today = datetime.now()
@@ -378,7 +171,7 @@ def get_prayer_times(city, country):
         url = f"http://api.aladhan.com/v1/timingsByCity/{date_str}"
         params = {
             "city": city,
-            "country": country,
+            "country": "Bangladesh",
             "method": 2  # ISNA (Islamic Society of North America)
         }
         
@@ -425,78 +218,79 @@ def get_temperature_advice(temp, weather_main):
     advice = []
     
     if temp > 35:
-        advice.append("🔥 **Extreme Heat Alert!**")
-        advice.append("• Stay indoors during peak hours (12 PM - 4 PM)")
-        advice.append("• Shopping: Go early morning (6-9 AM) or after sunset (7-10 PM)")
-        advice.append("• Drink water every 15-20 minutes during non-fasting hours")
-        advice.append("• Avoid heavy physical activity - rest is important!")
-        advice.append("• Perfect for indoor ibadah, Quran reading, or family time")
+        advice.append("🔥 **অত্যন্ত গরম সতর্কতা!**")
+        advice.append("• দুপুর ১২টা থেকে বিকেল ৪টা পর্যন্ত ঘরের ভিতরে থাকুন")
+        advice.append("• কেনাকাটা: ভোর ৬-৯টা অথবা সন্ধ্যা ৭-১০টায় যান")
+        advice.append("• ইফতারের পর প্রতি ১৫-২০ মিনিটে পানি পান করুন")
+        advice.append("• ভারী শারীরিক পরিশ্রম এড়িয়ে চলুন - বিশ্রাম নিন!")
+        advice.append("• ঘরে থেকে কুরআন তিলাওয়াত ও পরিবারের সাথে সময় কাটান")
     elif temp > 30:
-        advice.append("🌡️ **Hot Weather**")
-        advice.append("• Morning walks: Best before 9 AM")
-        advice.append("• Shopping: Evening after 6 PM is comfortable")
-        advice.append("• Hydration: 8-10 glasses during Sehri to Iftar gap")
-        advice.append("• Light outdoor activities okay in evening")
-        advice.append("• Use umbrella and sunscreen if going out during day")
+        advice.append("🌡️ **গরম আবহাওয়া**")
+        advice.append("• সকালের হাঁটা: সকাল ৯টার আগে সবচেয়ে ভালো")
+        advice.append("• কেনাকাটা: সন্ধ্যা ৬টার পর আরামদায়ক")
+        advice.append("• হাইড্রেশন: সেহরি থেকে ইফতার পর্যন্ত ৮-১০ গ্লাস পানি")
+        advice.append("• সন্ধ্যায় হালকা বাইরের কাজকর্ম করা যায়")
+        advice.append("• দিনে বাইরে গেলে ছাতা ও সানস্ক্রিন ব্যবহার করুন")
     elif temp > 25:
-        advice.append("☀️ **Pleasant Warm Weather**")
-        advice.append("• Perfect for evening walks after Iftar (30-45 mins)")
-        advice.append("• Shopping: Comfortable anytime, best 4-8 PM")
-        advice.append("• Moderate outdoor activities are fine")
-        advice.append("• Great weather for family outings to parks/masjid")
-        advice.append("• Don't forget regular hydration!")
+        advice.append("☀️ **মনোরম উষ্ণ আবহাওয়া**")
+        advice.append("• ইফতারের পর সন্ধ্যার হাঁটার জন্য চমৎকার (৩০-৪৫ মিনিট)")
+        advice.append("• কেনাকাটা: যেকোনো সময় আরামদায়ক, বিকেল ৪-৮টা সবচেয়ে ভালো")
+        advice.append("• মাঝারি বাইরের কাজকর্ম ঠিক আছে")
+        advice.append("• পার্ক/মসজিদে পরিবারের সাথে বেড়ানোর জন্য দারুণ আবহাওয়া")
+        advice.append("• নিয়মিত পানি পান ভুলবেন না!")
     elif temp > 20:
-        advice.append("🌤️ **Comfortable Weather**")
-        advice.append("• Ideal for outdoor activities all day")
-        advice.append("• Perfect for shopping, walking, light exercise")
-        advice.append("• Comfortable clothing recommended")
-        advice.append("• Great for community iftars and gatherings")
-        advice.append("• Enjoy the beautiful weather - Allah's blessing!")
+        advice.append("🌤️ **আরামদায়ক আবহাওয়া**")
+        advice.append("• সারাদিন বাইরের কাজের জন্য আদর্শ")
+        advice.append("• কেনাকাটা, হাঁটা, হালকা ব্যায়ামের জন্য উপযুক্ত")
+        advice.append("• আরামদায়ক পোশাক পরিধান করুন")
+        advice.append("• কমিউনিটি ইফতার ও সমাবেশের জন্য দারুণ")
+        advice.append("• সুন্দর আবহাওয়া উপভোগ করুন - আল্লাহর রহমত!")
     elif temp > 15:
-        advice.append("🍃 **Cool Weather**")
-        advice.append("• Light jacket recommended for evening prayers")
-        advice.append("• Perfect weather for Taraweeh walks")
-        advice.append("• Good for visiting friends and family")
-        advice.append("• Enjoy the cool, refreshing breeze!")
-        advice.append("• Warm dates and tea perfect for Iftar")
+        advice.append("🍃 **শীতল আবহাওয়া**")
+        advice.append("• সন্ধ্যার নামাজের জন্য হালকা জ্যাকেট পরুন")
+        advice.append("• তারাবীহ'র পর হাঁটার জন্য চমৎকার আবহাওয়া")
+        advice.append("• আত্মীয়-স্বজন দেখতে যাওয়ার জন্য ভালো")
+        advice.append("• শীতল, সতেজ বাতাস উপভোগ করুন!")
+        advice.append("• ইফতারে গরম খেজুর ও চা উপযুক্ত")
     else:
-        advice.append("❄️ **Cold Weather**")
-        advice.append("• Wear warm clothes when going to masjid")
-        advice.append("• Indoor activities recommended")
-        advice.append("• Hot soups and drinks during Sehri and Iftar")
-        advice.append("• Take special care of elderly and children")
-        advice.append("• Warm blankets for Tahajjud prayers 🤲")
+        advice.append("❄️ **ঠান্ডা আবহাওয়া**")
+        advice.append("• মসজিদে যাওয়ার সময় গরম কাপড় পরুন")
+        advice.append("• ঘরের ভিতরের কাজকর্ম করুন")
+        advice.append("• সেহরি ও ইফতারে গরম স্যুপ ও পানীয়")
+        advice.append("• বয়স্ক ও শিশুদের বিশেষ যত্ন নিন")
+        advice.append("• তাহাজ্জুদ নামাজের জন্য উষ্ণ কম্বল 🤲")
     
     # Weather-specific advice
     if weather_main == "rain":
-        advice.append("\n☔ **Rainy Day Special:**")
-        advice.append("• Carry umbrella for Taraweeh prayers")
-        advice.append("• Perfect weather for indoor ibadah and dhikr")
-        advice.append("• Make abundant dua - rain is blessed time! 🤲")
-        advice.append("• Stay home if possible, read Quran with family")
+        advice.append("\n☔ **বৃষ্টির দিনের বিশেষ:**")
+        advice.append("• তারাবীহ নামাজের জন্য ছাতা নিন")
+        advice.append("• ঘরে থেকে ইবাদত ও জিকিরের জন্য উপযুক্ত")
+        advice.append("• প্রচুর দোয়া করুন - বৃষ্টি বরকতময় সময়! 🤲")
+        advice.append("• সম্ভব হলে ঘরে থাকুন, পরিবারের সাথে কুরআন পড়ুন")
     elif weather_main == "thunderstorm":
-        advice.append("\n⛈️ **Thunderstorm Warning:**")
-        advice.append("• Avoid going out unless absolutely necessary")
-        advice.append("• Recite: SubhanAllahi wa bihamdihi (Glory to Allah)")
-        advice.append("• Stay safe indoors with family")
-        advice.append("• Perfect time for seeking Allah's protection")
+        advice.append("\n⛈️ **ঝড়ের সতর্কতা:**")
+        advice.append("• একান্ত প্রয়োজন ছাড়া বাইরে যাবেন না")
+        advice.append("• পড়ুন: সুবহানাল্লাহি ওয়া বিহামদিহি")
+        advice.append("• পরিবারের সাথে নিরাপদে ঘরে থাকুন")
+        advice.append("• আল্লাহর আশ্রয় প্রার্থনার জন্য উপযুক্ত সময়")
     elif weather_main == "clouds":
-        advice.append("\n☁️ **Cloudy & Pleasant:**")
-        advice.append("• No harsh sun - excellent for shopping!")
-        advice.append("• Comfortable for outdoor activities")
-        advice.append("• Great day for visiting relatives")
+        advice.append("\n☁️ **মেঘলা ও মনোরম:**")
+        advice.append("• কড়া রোদ নেই - কেনাকাটার জন্য চমৎকার!")
+        advice.append("• বাইরের কাজের জন্য আরামদায়ক")
+        advice.append("• আত্মীয়স্বজন দেখতে যাওয়ার জন্য দারুণ দিন")
     
     return "\n".join(advice)
 
 # =========================
 # 🌙 Main Ramadan Dashboard
 # =========================
-def get_ramadan_dashboard(city, country):
-    if not city or not country:
+def get_ramadan_dashboard(division, district):
+    if not division or not district:
         return """
-        <div style="text-align:center; padding:40px; color:#ff6b6b; font-family: 'Poppins', sans-serif;">
-            <h3>⚠️ Please enter both city and country</h3>
-            <p>Example: City: Sylhet, Country: Bangladesh</p>
+        <div style="text-align:center; padding:60px; background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%); color:white; border-radius: 30px; font-family: 'Poppins', sans-serif;">
+            <h2 style="font-size: 36px; margin-bottom: 20px;">⚠️ দয়া করে বিভাগ এবং জেলা নির্বাচন করুন</h2>
+            <p style="font-size: 20px;">Please select Division and District</p>
+            <div style="margin-top: 30px; font-size: 50px;">🕌 🌙 ⭐</div>
         </div>
         """
     
@@ -504,12 +298,10 @@ def get_ramadan_dashboard(city, country):
     daily_hadith = random.choice(HADITHS)
     
     # Get real prayer times
-    prayer_times = get_prayer_times(city, country)
+    prayer_times = get_prayer_times(district)
     
-    # Get weather data
-    city_query = city.strip()
-    country_query = country.strip()
-    weather_url = f"http://api.openweathermap.org/data/2.5/weather?q={city_query},{country_query}&appid={WEATHER_API_KEY}&units=metric"
+    # Get weather data for Bangladesh
+    weather_url = f"http://api.openweathermap.org/data/2.5/weather?q={district},Bangladesh&appid={WEATHER_API_KEY}&units=metric"
     
     try:
         weather_response = requests.get(weather_url, timeout=10)
@@ -517,15 +309,16 @@ def get_ramadan_dashboard(city, country):
     except:
         return """
         <div style="text-align:center; padding:40px; color:#ff6b6b;">
-            <h3>❌ Error connecting to weather service</h3>
+            <h3>❌ আবহাওয়া সেবার সাথে সংযোগ ত্রুটি</h3>
+            <p>Error connecting to weather service</p>
         </div>
         """
     
     if weather_response.status_code != 200:
         return f"""
         <div style="text-align:center; padding:40px; color:#ff6b6b;">
-            <h3>🔍 City '{city_query}' not found in '{country_query}'!</h3>
-            <p>Please check spelling and try again</p>
+            <h3>🔍 '{district}' জেলা খুঁজে পাওয়া যায়নি!</h3>
+            <p>District not found! Please check selection</p>
         </div>
         """
     
@@ -540,15 +333,15 @@ def get_ramadan_dashboard(city, country):
     # Temperature advice
     temp_advice = get_temperature_advice(temp, weather_main)
     
-    # Weather gradients
+    # Weather gradients with vibrant colors
     weather_gradients = {
-        "clear": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-        "clouds": "linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%)",
-        "rain": "linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)",
-        "drizzle": "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)",
-        "thunderstorm": "linear-gradient(135deg, #4b6cb7 0%, #182848 100%)",
-        "snow": "linear-gradient(135deg, #e6dada 0%, #274046 100%)",
-        "mist": "linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%)",
+        "clear": "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",
+        "clouds": "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",
+        "rain": "linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)",
+        "drizzle": "linear-gradient(135deg, #fa709a 0%, #fee140 100%)",
+        "thunderstorm": "linear-gradient(135deg, #30cfd0 0%, #330867 100%)",
+        "snow": "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)",
+        "mist": "linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)",
     }
     gradient = weather_gradients.get(weather_main, "linear-gradient(135deg, #667eea 0%, #764ba2 100%)")
     
@@ -563,15 +356,15 @@ def get_ramadan_dashboard(city, country):
     }
     icon = weather_icons.get(weather_main, "🌤️")
     
-    # Build HTML with beautiful animations
+    # Build HTML with enhanced animations and professional design
     html = f"""
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&family=Noto+Sans+Bengali:wght@400;600;700&family=Amiri:wght@400;700&display=swap');
+        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&family=Noto+Sans+Bengali:wght@400;600;700;900&family=Amiri:wght@400;700&display=swap');
         
         @keyframes fadeInUp {{
             from {{
                 opacity: 0;
-                transform: translateY(40px);
+                transform: translateY(60px);
             }}
             to {{
                 opacity: 1;
@@ -585,336 +378,466 @@ def get_ramadan_dashboard(city, country):
                 opacity: 1;
             }}
             50% {{
-                transform: scale(1.05);
-                opacity: 0.9;
+                transform: scale(1.08);
+                opacity: 0.85;
             }}
         }}
         
         @keyframes float {{
             0%, 100% {{
-                transform: translateY(0px);
+                transform: translateY(0px) rotate(0deg);
             }}
             50% {{
-                transform: translateY(-15px);
+                transform: translateY(-20px) rotate(5deg);
             }}
         }}
         
         @keyframes twinkle {{
             0%, 100% {{
                 opacity: 1;
+                transform: scale(1);
             }}
             50% {{
-                opacity: 0.3;
+                opacity: 0.2;
+                transform: scale(0.8);
             }}
         }}
         
         @keyframes slideInLeft {{
             from {{
                 opacity: 0;
-                transform: translateX(-50px);
+                transform: translateX(-100px) rotate(-5deg);
             }}
             to {{
                 opacity: 1;
-                transform: translateX(0);
+                transform: translateX(0) rotate(0deg);
             }}
         }}
         
         @keyframes slideInRight {{
             from {{
                 opacity: 0;
-                transform: translateX(50px);
+                transform: translateX(100px) rotate(5deg);
             }}
             to {{
                 opacity: 1;
-                transform: translateX(0);
+                transform: translateX(0) rotate(0deg);
             }}
         }}
         
         @keyframes glow {{
             0%, 100% {{
-                box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
+                box-shadow: 0 0 30px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.4);
             }}
             50% {{
-                box-shadow: 0 0 40px rgba(255, 215, 0, 0.8);
+                box-shadow: 0 0 50px rgba(255, 215, 0, 0.9), 0 0 100px rgba(255, 215, 0, 0.6);
+            }}
+        }}
+        
+        @keyframes rainbow {{
+            0% {{ filter: hue-rotate(0deg); }}
+            100% {{ filter: hue-rotate(360deg); }}
+        }}
+        
+        @keyframes bounceIn {{
+            0% {{
+                opacity: 0;
+                transform: scale(0.3);
+            }}
+            50% {{
+                opacity: 1;
+                transform: scale(1.05);
+            }}
+            70% {{
+                transform: scale(0.9);
+            }}
+            100% {{
+                transform: scale(1);
+            }}
+        }}
+        
+        @keyframes rotateGlow {{
+            0% {{
+                transform: rotate(0deg);
+                filter: brightness(1);
+            }}
+            50% {{
+                transform: rotate(180deg);
+                filter: brightness(1.3);
+            }}
+            100% {{
+                transform: rotate(360deg);
+                filter: brightness(1);
             }}
         }}
         
         .dashboard-container {{
-            animation: fadeInUp 0.8s ease-out;
+            animation: fadeInUp 1s ease-out;
             font-family: 'Poppins', 'Noto Sans Bengali', sans-serif;
         }}
         
         .card {{
             background: white;
-            border-radius: 25px;
-            padding: 35px;
-            margin: 25px 0;
-            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
-            transition: all 0.4s ease;
-            animation: fadeInUp 0.6s ease-out;
+            border-radius: 30px;
+            padding: 40px;
+            margin: 30px 0;
+            box-shadow: 0 20px 60px rgba(0,0,0,0.15);
+            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+            animation: fadeInUp 0.8s ease-out;
+            position: relative;
+            overflow: hidden;
+        }}
+        
+        .card::before {{
+            content: '';
+            position: absolute;
+            top: -50%;
+            left: -50%;
+            width: 200%;
+            height: 200%;
+            background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
+            transform: rotate(45deg);
+            animation: shimmer 3s infinite;
+        }}
+        
+        @keyframes shimmer {{
+            0% {{ transform: translateX(-100%) translateY(-100%) rotate(45deg); }}
+            100% {{ transform: translateX(100%) translateY(100%) rotate(45deg); }}
         }}
         
         .card:hover {{
-            transform: translateY(-8px);
-            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
+            transform: translateY(-15px) scale(1.02);
+            box-shadow: 0 30px 80px rgba(0,0,0,0.25);
         }}
         
         .mosque-decoration {{
-            animation: float 4s ease-in-out infinite;
-            font-size: 50px;
+            animation: float 5s ease-in-out infinite;
+            font-size: 60px;
             display: inline-block;
+            filter: drop-shadow(0 0 10px rgba(255,215,0,0.5));
         }}
         
         .star {{
             animation: twinkle 2s ease-in-out infinite;
             display: inline-block;
+            filter: drop-shadow(0 0 5px rgba(255,255,255,0.8));
         }}
         
         .crescent {{
-            animation: pulse 3s ease-in-out infinite;
+            animation: rotateGlow 6s linear infinite;
             display: inline-block;
+            filter: drop-shadow(0 0 20px rgba(255,215,0,0.8));
         }}
         
         .ramzan-header {{
-            animation: glow 2s ease-in-out infinite;
+            animation: glow 3s ease-in-out infinite;
+            position: relative;
+            overflow: hidden;
+        }}
+        
+        .ramzan-header::before {{
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
+            animation: slide 3s infinite;
+        }}
+        
+        @keyframes slide {{
+            0% {{ left: -100%; }}
+            100% {{ left: 100%; }}
         }}
         
         .prayer-card {{
-            animation: slideInLeft 0.8s ease-out;
+            animation: slideInLeft 1s ease-out;
         }}
         
         .weather-card {{
-            animation: slideInRight 0.8s ease-out;
+            animation: slideInRight 1s ease-out;
         }}
         
         .baby-decoration {{
-            animation: float 3s ease-in-out infinite;
-            font-size: 40px;
+            animation: bounceIn 2s ease-out infinite;
+            font-size: 45px;
             display: inline-block;
+            filter: drop-shadow(0 0 8px rgba(255,192,203,0.6));
+        }}
+        
+        .gradient-text {{
+            background: linear-gradient(45deg, #f093fb 0%, #f5576c 50%, #4facfe 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            animation: rainbow 5s linear infinite;
+        }}
+        
+        .pulse-glow {{
+            animation: pulse 2s ease-in-out infinite;
+            filter: drop-shadow(0 0 15px currentColor);
         }}
     </style>
     
-    <div class="dashboard-container" style="max-width: 900px; margin: 0 auto; padding: 20px; background: linear-gradient(135deg, #E8F5E9 0%, #F3E5F5 100%); border-radius: 30px;">
+    <div class="dashboard-container" style="max-width: 1000px; margin: 0 auto; padding: 25px; background: linear-gradient(135deg, #E8F5E9 0%, #F3E5F5 50%, #FFF9C4 100%); border-radius: 40px;">
         
-        <!-- Beautiful Ramadan Header with Decorations -->
-        <div class="ramzan-header" style="text-align: center; background: linear-gradient(135deg, #1A237E 0%, #4A148C 100%); color: white; padding: 50px 30px; border-radius: 30px; margin-bottom: 30px; position: relative; overflow: hidden;">
-            <div style="position: absolute; top: 10px; left: 20px; font-size: 30px;">
+        <!-- Beautiful Ramadan Header with Advanced Decorations -->
+        <div class="ramzan-header" style="text-align: center; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; padding: 60px 40px; border-radius: 40px; margin-bottom: 35px; position: relative; overflow: hidden;">
+            <div style="position: absolute; top: 15px; left: 30px; font-size: 35px;">
                 <span class="star">⭐</span>
                 <span class="star" style="animation-delay: 0.3s;">✨</span>
                 <span class="star" style="animation-delay: 0.6s;">💫</span>
+                <span class="star" style="animation-delay: 0.9s;">🌟</span>
             </div>
-            <div style="position: absolute; top: 10px; right: 20px; font-size: 30px;">
+            <div style="position: absolute; top: 15px; right: 30px; font-size: 35px;">
                 <span class="star" style="animation-delay: 0.2s;">⭐</span>
                 <span class="star" style="animation-delay: 0.5s;">✨</span>
                 <span class="star" style="animation-delay: 0.8s;">💫</span>
+                <span class="star" style="animation-delay: 1.1s;">🌟</span>
             </div>
             
-            <div style="margin-bottom: 20px;">
+            <div style="margin-bottom: 25px;">
                 <span class="mosque-decoration">🕌</span>
-                <span class="crescent" style="font-size: 60px; margin: 0 20px;">🌙</span>
+                <span class="crescent" style="font-size: 70px; margin: 0 25px;">🌙</span>
                 <span class="mosque-decoration">🕌</span>
             </div>
             
-            <h1 style="font-size: 52px; margin: 15px 0; text-shadow: 3px 3px 6px rgba(0,0,0,0.3); font-weight: 800;">
-                Ramadan Mubarak
+            <h1 style="font-size: 58px; margin: 20px 0; text-shadow: 4px 4px 8px rgba(0,0,0,0.4); font-weight: 900; letter-spacing: 2px;">
+                Ramadan Mubarak 2025
             </h1>
-            <h2 style="font-size: 56px; margin: 10px 0; font-family: 'Noto Sans Bengali', sans-serif; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
-                রমজান মুবারক
+            <h2 style="font-size: 62px; margin: 15px 0; font-family: 'Noto Sans Bengali', sans-serif; text-shadow: 3px 3px 6px rgba(0,0,0,0.4); font-weight: 900;">
+                রমজান মুবারক ১৪৪৬
             </h2>
             
-            <div style="margin: 20px 0;">
+            <div style="margin: 25px 0;">
                 <span class="baby-decoration">👶🏽</span>
-                <span class="baby-decoration" style="animation-delay: 0.5s;">🧒🏽</span>
-                <span class="baby-decoration" style="animation-delay: 1s;">👼</span>
+                <span class="baby-decoration" style="animation-delay: 0.4s;">🧒🏽</span>
+                <span class="baby-decoration" style="animation-delay: 0.8s;">👼</span>
+                <span class="baby-decoration" style="animation-delay: 1.2s;">😇</span>
             </div>
             
-            <p style="font-size: 24px; margin: 10px 0; opacity: 0.95;">
-                📍 {city_query.title()}, {country_query.title()}
-            </p>
-            <p style="font-size: 18px; opacity: 0.9;">
-                {datetime.now().strftime("%A, %B %d, %Y")} | {datetime.now().strftime("%I:%M %p")}
-            </p>
+            <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 20px; backdrop-filter: blur(10px); margin: 20px auto; max-width: 600px;">
+                <p style="font-size: 28px; margin: 10px 0; opacity: 0.95; font-weight: 700;">
+                    🇧🇩 {district}, {division}
+                </p>
+                <p style="font-size: 32px; margin: 10px 0; font-family: 'Noto Sans Bengali', sans-serif; font-weight: 700;">
+                    {district}, {division}
+                </p>
+                <p style="font-size: 20px; opacity: 0.9; margin-top: 10px;">
+                    {datetime.now().strftime("%A, %B %d, %Y")} | {datetime.now().strftime("%I:%M %p")}
+                </p>
+            </div>
             
-            <div style="margin-top: 25px; font-size: 28px;">
-                <span class="star">🌟</span>
-                <span class="star" style="animation-delay: 0.4s;">✨</span>
-                <span class="star" style="animation-delay: 0.7s;">⭐</span>
+            <div style="margin-top: 30px; font-size: 32px;">
+                <span class="star pulse-glow">🌟</span>
+                <span class="star pulse-glow" style="animation-delay: 0.3s;">✨</span>
+                <span class="star pulse-glow" style="animation-delay: 0.6s;">⭐</span>
+                <span class="star pulse-glow" style="animation-delay: 0.9s;">💫</span>
             </div>
         </div>
         
         <!-- Real-Time Prayer Times Card -->
-        <div class="card prayer-card" style="background: linear-gradient(135deg, #0F9D58 0%, #16C172 100%); color: white;">
-            <div style="text-align: center; margin-bottom: 25px;">
-                <h2 style="font-size: 38px; margin-bottom: 10px;">🕌 Prayer Times (Salah)</h2>
-                <p style="font-size: 18px; opacity: 0.95;">Real-time for {city_query.title()}, {country_query.title()}</p>
+        <div class="card prayer-card" style="background: linear-gradient(135deg, #0F9D58 0%, #16C172 50%, #10B981 100%); color: white;">
+            <div style="text-align: center; margin-bottom: 30px;">
+                <h2 style="font-size: 42px; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-weight: 800;">🕌 নামাজের সময়সূচী (Prayer Times)</h2>
+                <p style="font-size: 20px; opacity: 0.95;">রিয়েল-টাইম সময় • Real-time for {district}, Bangladesh</p>
             </div>
     """
     
     if prayer_times["success"]:
         html += f"""
-            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px;">
-                <div style="text-align: center; background: rgba(255,255,255,0.25); padding: 25px; border-radius: 20px; backdrop-filter: blur(10px);">
-                    <div style="font-size: 48px; margin-bottom: 10px;">🌅</div>
-                    <h3 style="font-size: 22px; margin: 10px 0;">Sehri Ends (Fajr)</h3>
-                    <p style="font-size: 38px; font-weight: 800; margin: 10px 0;">{prayer_times['sehri_end']}</p>
-                    <p style="font-size: 15px; opacity: 0.9;">Stop eating before this time</p>
+            <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-bottom: 35px;">
+                <div style="text-align: center; background: rgba(255,255,255,0.3); padding: 30px; border-radius: 25px; backdrop-filter: blur(15px); transition: all 0.3s ease; border: 2px solid rgba(255,255,255,0.4);">
+                    <div style="font-size: 55px; margin-bottom: 15px; animation: float 3s ease-in-out infinite;">🌅</div>
+                    <h3 style="font-size: 26px; margin: 12px 0; font-weight: 700;">সেহরি শেষ (Sehri Ends)</h3>
+                    <h3 style="font-size: 24px; margin: 10px 0; font-weight: 600;">ফজর (Fajr)</h3>
+                    <p style="font-size: 44px; font-weight: 900; margin: 15px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">{prayer_times['sehri_end']}</p>
+                    <p style="font-size: 17px; opacity: 0.95; font-weight: 600;">এই সময়ের আগে খাওয়া বন্ধ করুন</p>
+                    <p style="font-size: 16px; opacity: 0.9;">Stop eating before this time</p>
                 </div>
-                <div style="text-align: center; background: rgba(255,255,255,0.25); padding: 25px; border-radius: 20px; backdrop-filter: blur(10px);">
-                    <div style="font-size: 48px; margin-bottom: 10px;">🌇</div>
-                    <h3 style="font-size: 22px; margin: 10px 0;">Iftar Starts (Maghrib)</h3>
-                    <p style="font-size: 38px; font-weight: 800; margin: 10px 0;">{prayer_times['iftar_start']}</p>
-                    <p style="font-size: 15px; opacity: 0.9;">Break your fast at this time</p>
+                <div style="text-align: center; background: rgba(255,255,255,0.3); padding: 30px; border-radius: 25px; backdrop-filter: blur(15px); transition: all 0.3s ease; border: 2px solid rgba(255,255,255,0.4);">
+                    <div style="font-size: 55px; margin-bottom: 15px; animation: float 3s ease-in-out infinite; animation-delay: 0.5s;">🌇</div>
+                    <h3 style="font-size: 26px; margin: 12px 0; font-weight: 700;">ইফতার শুরু (Iftar Starts)</h3>
+                    <h3 style="font-size: 24px; margin: 10px 0; font-weight: 600;">মাগরিব (Maghrib)</h3>
+                    <p style="font-size: 44px; font-weight: 900; margin: 15px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">{prayer_times['iftar_start']}</p>
+                    <p style="font-size: 17px; opacity: 0.95; font-weight: 600;">এই সময়ে রোজা ভাঙ্গুন</p>
+                    <p style="font-size: 16px; opacity: 0.9;">Break your fast at this time</p>
                 </div>
             </div>
             
-            <div style="background: rgba(255,255,255,0.2); padding: 25px; border-radius: 20px; backdrop-filter: blur(10px);">
-                <h3 style="text-align: center; font-size: 24px; margin-bottom: 20px;">📿 Daily Prayer Schedule</h3>
-                <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; text-align: center;">
-                    <div>
-                        <p style="font-size: 16px; opacity: 0.9; margin: 5px 0;">Sunrise</p>
-                        <p style="font-size: 24px; font-weight: 700;">{prayer_times['sunrise']}</p>
+            <div style="background: rgba(255,255,255,0.25); padding: 30px; border-radius: 25px; backdrop-filter: blur(15px); border: 2px solid rgba(255,255,255,0.3);">
+                <h3 style="text-align: center; font-size: 28px; margin-bottom: 25px; font-weight: 700;">📿 দৈনিক নামাজের সময়সূচী (Daily Prayer Schedule)</h3>
+                <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center;">
+                    <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 20px;">
+                        <p style="font-size: 18px; opacity: 0.95; margin: 8px 0; font-weight: 600;">সূর্যোদয় (Sunrise)</p>
+                        <p style="font-size: 28px; font-weight: 800; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">{prayer_times['sunrise']}</p>
                     </div>
-                    <div>
-                        <p style="font-size: 16px; opacity: 0.9; margin: 5px 0;">Dhuhr</p>
-                        <p style="font-size: 24px; font-weight: 700;">{prayer_times['dhuhr']}</p>
+                    <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 20px;">
+                        <p style="font-size: 18px; opacity: 0.95; margin: 8px 0; font-weight: 600;">যোহর (Dhuhr)</p>
+                        <p style="font-size: 28px; font-weight: 800; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">{prayer_times['dhuhr']}</p>
                     </div>
-                    <div>
-                        <p style="font-size: 16px; opacity: 0.9; margin: 5px 0;">Asr</p>
-                        <p style="font-size: 24px; font-weight: 700;">{prayer_times['asr']}</p>
+                    <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 20px;">
+                        <p style="font-size: 18px; opacity: 0.95; margin: 8px 0; font-weight: 600;">আসর (Asr)</p>
+                        <p style="font-size: 28px; font-weight: 800; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">{prayer_times['asr']}</p>
                     </div>
                 </div>
-                <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; text-align: center; margin-top: 15px;">
-                    <div>
-                        <p style="font-size: 16px; opacity: 0.9; margin: 5px 0;">Sunset</p>
-                        <p style="font-size: 24px; font-weight: 700;">{prayer_times['sunset']}</p>
+                <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; text-align: center; margin-top: 20px;">
+                    <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 20px;">
+                        <p style="font-size: 18px; opacity: 0.95; margin: 8px 0; font-weight: 600;">সূর্যাস্ত (Sunset)</p>
+                        <p style="font-size: 28px; font-weight: 800; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">{prayer_times['sunset']}</p>
                     </div>
-                    <div>
-                        <p style="font-size: 16px; opacity: 0.9; margin: 5px 0;">Isha</p>
-                        <p style="font-size: 24px; font-weight: 700;">{prayer_times['isha']}</p>
+                    <div style="background: rgba(255,255,255,0.2); padding: 20px; border-radius: 20px;">
+                        <p style="font-size: 18px; opacity: 0.95; margin: 8px 0; font-weight: 600;">এশা (Isha)</p>
+                        <p style="font-size: 28px; font-weight: 800; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">{prayer_times['isha']}</p>
                     </div>
                 </div>
             </div>
         """
     else:
         html += """
-            <div style="text-align: center; padding: 30px; background: rgba(255,255,255,0.2); border-radius: 20px;">
-                <p style="font-size: 20px;">⚠️ Could not fetch prayer times</p>
-                <p style="font-size: 16px; opacity: 0.9; margin-top: 10px;">Please check your city and country names</p>
+            <div style="text-align: center; padding: 40px; background: rgba(255,255,255,0.25); border-radius: 25px; border: 2px solid rgba(255,255,255,0.3);">
+                <p style="font-size: 24px; font-weight: 700;">⚠️ নামাজের সময় পাওয়া যায়নি</p>
+                <p style="font-size: 20px; opacity: 0.95; margin-top: 12px;">Could not fetch prayer times</p>
+                <p style="font-size: 18px; opacity: 0.9; margin-top: 10px;">দয়া করে আপনার জেলার নাম চেক করুন</p>
             </div>
         """
     
     html += f"""
         </div>
         
-        <!-- Weather Card with Animation -->
+        <!-- Weather Card with Advanced Animation -->
         <div class="card weather-card">
-            <div style="text-align: center; margin-bottom: 20px;">
-                <h2 style="color: #667eea; font-size: 34px; margin-bottom: 10px;">🌡️ Live Weather</h2>
+            <div style="text-align: center; margin-bottom: 25px;">
+                <h2 class="gradient-text" style="font-size: 40px; margin-bottom: 12px; font-weight: 800;">🌡️ লাইভ আবহাওয়া (Live Weather)</h2>
             </div>
-            <div style="text-align: center; background: {gradient}; color: white; padding: 40px; border-radius: 20px; position: relative;">
-                <div style="font-size: 100px; margin: 20px 0; animation: float 3s ease-in-out infinite;">
+            <div style="text-align: center; background: {gradient}; color: white; padding: 50px; border-radius: 30px; position: relative; box-shadow: 0 15px 40px rgba(0,0,0,0.2);">
+                <div style="font-size: 120px; margin: 25px 0; animation: float 4s ease-in-out infinite; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));">
                     {icon}
                 </div>
-                <h1 style="font-size: 72px; margin: 15px 0; font-weight: 800;">{temp:.1f}°C</h1>
-                <p style="font-size: 28px; margin: 10px 0; text-transform: capitalize;">{description}</p>
-                <p style="font-size: 20px; opacity: 0.9;">Feels like {feels_like:.1f}°C</p>
-                <div style="margin-top: 25px; font-size: 18px; display: flex; justify-content: center; gap: 30px;">
-                    <span>💧 {humidity}%</span>
-                    <span>🌬️ {wind_speed} m/s</span>
+                <h1 style="font-size: 84px; margin: 20px 0; font-weight: 900; text-shadow: 3px 3px 6px rgba(0,0,0,0.3);">{temp:.1f}°C</h1>
+                <p style="font-size: 32px; margin: 15px 0; text-transform: capitalize; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">{description}</p>
+                <p style="font-size: 24px; opacity: 0.95; font-weight: 600;">অনুভূতি (Feels like) {feels_like:.1f}°C</p>
+                <div style="margin-top: 30px; font-size: 22px; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;">
+                    <div style="background: rgba(255,255,255,0.2); padding: 15px 30px; border-radius: 20px; backdrop-filter: blur(10px);">
+                        <span style="font-weight: 700;">💧 আর্দ্রতা: {humidity}%</span>
+                    </div>
+                    <div style="background: rgba(255,255,255,0.2); padding: 15px 30px; border-radius: 20px; backdrop-filter: blur(10px);">
+                        <span style="font-weight: 700;">🌬️ বাতাস: {wind_speed} m/s</span>
+                    </div>
                 </div>
             </div>
         </div>
         
         <!-- Temperature-Based Recommendations -->
-        <div class="card" style="animation-delay: 0.2s;">
-            <h2 style="color: #FF6B6B; font-size: 32px; margin-bottom: 25px; text-align: center;">
-                💡 Your Personalized Ramadan Guide
+        <div class="card" style="animation-delay: 0.3s;">
+            <h2 class="gradient-text" style="font-size: 38px; margin-bottom: 30px; text-align: center; font-weight: 800;">
+                💡 আপনার ব্যক্তিগত রমজান গাইড
             </h2>
-            <div style="background: linear-gradient(135deg, #FFF5F5 0%, #FFE5E5 100%); padding: 30px; border-radius: 20px; border-left: 6px solid #FF6B6B;">
-                <div style="line-height: 2; white-space: pre-line; font-size: 16px;">
+            <h3 style="text-align: center; color: #FF6B6B; font-size: 28px; margin-bottom: 25px; font-weight: 700;">
+                Your Personalized Ramadan Guide
+            </h3>
+            <div style="background: linear-gradient(135deg, #FFF5F5 0%, #FFE5E5 50%, #FFF0F5 100%); padding: 35px; border-radius: 25px; border-left: 8px solid #FF6B6B; box-shadow: inset 0 0 20px rgba(255,107,107,0.1);">
+                <div style="line-height: 2.2; white-space: pre-line; font-size: 18px; font-weight: 500; color: #2c3e50;">
 {temp_advice}
                 </div>
             </div>
             
-            <div style="margin-top: 25px; text-align: center; background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%); padding: 20px; border-radius: 15px;">
-                <p style="font-size: 18px; color: #1565C0; font-weight: 600;">
-                    💙 Remember: Your health is important during fasting. Listen to your body!
+            <div style="margin-top: 30px; text-align: center; background: linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 50%, #90CAF9 100%); padding: 25px; border-radius: 20px; border: 2px solid #2196F3;">
+                <p style="font-size: 20px; color: #0D47A1; font-weight: 700; line-height: 1.6;">
+                    💙 মনে রাখবেন: রোজার সময় আপনার স্বাস্থ্য গুরুত্বপূর্ণ। আপনার শরীরের কথা শুনুন!
+                </p>
+                <p style="font-size: 18px; color: #1565C0; font-weight: 600; margin-top: 10px;">
+                    Remember: Your health is important during fasting. Listen to your body!
                 </p>
             </div>
         </div>
         
-        <!-- Daily Hadith Card with Beautiful Design -->
-        <div class="card" style="background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); color: white; animation-delay: 0.3s;">
-            <div style="text-align: center; margin-bottom: 30px;">
-                <h2 style="font-size: 38px; margin-bottom: 15px;">📿 Today's Hadith of the Day</h2>
-                <div style="font-size: 30px; margin: 15px 0;">
-                    <span class="star">✨</span>
-                    <span class="star" style="animation-delay: 0.3s;">⭐</span>
-                    <span class="star" style="animation-delay: 0.6s;">💫</span>
+        <!-- Daily Hadith Card with Enhanced Design -->
+        <div class="card" style="background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%); color: white; animation-delay: 0.4s; border: 3px solid rgba(255,255,255,0.3);">
+            <div style="text-align: center; margin-bottom: 35px;">
+                <h2 style="font-size: 44px; margin-bottom: 20px; text-shadow: 3px 3px 6px rgba(0,0,0,0.3); font-weight: 900;">📿 আজকের হাদিস (Today's Hadith)</h2>
+                <div style="font-size: 35px; margin: 20px 0;">
+                    <span class="star pulse-glow">✨</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.3s;">⭐</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.6s;">💫</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.9s;">🌟</span>
                 </div>
             </div>
             
-            <div style="background: rgba(255,255,255,0.25); padding: 30px; border-radius: 20px; margin-bottom: 25px; backdrop-filter: blur(10px);">
-                <p style="font-size: 22px; line-height: 1.9; margin-bottom: 20px; font-style: italic; text-align: center;">
+            <div style="background: rgba(255,255,255,0.3); padding: 35px; border-radius: 25px; margin-bottom: 30px; backdrop-filter: blur(15px); border: 2px solid rgba(255,255,255,0.4); box-shadow: 0 10px 30px rgba(0,0,0,0.2);">
+                <p style="font-size: 24px; line-height: 2; margin-bottom: 25px; font-style: italic; text-align: center; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">
                     "{daily_hadith['english']}"
                 </p>
-                <div style="height: 2px; background: rgba(255,255,255,0.3); margin: 20px 0;"></div>
-                <p style="font-size: 20px; line-height: 1.9; font-family: 'Noto Sans Bengali', sans-serif; opacity: 0.95; text-align: center;">
+                <div style="height: 3px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent); margin: 25px 0;"></div>
+                <p style="font-size: 22px; line-height: 2; font-family: 'Noto Sans Bengali', sans-serif; opacity: 0.98; text-align: center; font-weight: 700; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">
                     "{daily_hadith['bengali']}"
                 </p>
-                <p style="text-align: right; font-size: 18px; margin-top: 20px; opacity: 0.9; font-weight: 600;">
+                <p style="text-align: right; font-size: 20px; margin-top: 25px; opacity: 0.95; font-weight: 700; font-style: italic;">
                     — {daily_hadith['reference']}
                 </p>
             </div>
             
-            <div style="background: rgba(255,255,255,0.2); padding: 25px; border-radius: 20px; margin-bottom: 20px; text-align: center;">
-                <div style="font-size: 35px; margin-bottom: 15px;">
+            <div style="background: rgba(255,255,255,0.25); padding: 30px; border-radius: 25px; margin-bottom: 25px; text-align: center; border: 2px solid rgba(255,255,255,0.3);">
+                <div style="font-size: 40px; margin-bottom: 20px;">
                     <span class="baby-decoration">😊</span>
                     <span class="baby-decoration" style="animation-delay: 0.3s;">💖</span>
                     <span class="baby-decoration" style="animation-delay: 0.6s;">✨</span>
+                    <span class="baby-decoration" style="animation-delay: 0.9s;">🌟</span>
                 </div>
-                <p style="font-size: 20px; line-height: 1.7;">
+                <p style="font-size: 22px; line-height: 1.8; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);">
                     {daily_hadith['happy_message']}
                 </p>
             </div>
             
-            <div style="text-align: center; background: rgba(255,255,255,0.15); padding: 25px; border-radius: 20px;">
-                <p style="font-size: 26px; font-weight: 700; margin: 10px 0;">
+            <div style="text-align: center; background: rgba(255,255,255,0.2); padding: 30px; border-radius: 25px; border: 2px solid rgba(255,255,255,0.3);">
+                <p style="font-size: 30px; font-weight: 800; margin: 12px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
                     {daily_hadith['salam']}
                 </p>
             </div>
         </div>
         
-        <!-- Beautiful Footer with Islamic Decoration -->
-        <div style="text-align: center; padding: 40px 30px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 100%); color: white; border-radius: 25px; margin-top: 30px;">
-            <div style="font-size: 40px; margin-bottom: 20px;">
-                <span class="mosque-decoration">🕌</span>
-                <span class="crescent" style="font-size: 50px; margin: 0 15px;">🌙</span>
-                <span class="mosque-decoration">🕌</span>
-            </div>
-            
-            <h3 style="font-size: 28px; margin: 15px 0; font-weight: 700;">
-                May Allah Accept Your Fasting & Prayers
-            </h3>
-            <h3 style="font-size: 26px; margin: 10px 0; font-family: 'Noto Sans Bengali', sans-serif;">
-                আল্লাহ আপনার রোজা ও নামাজ কবুল করুন
-            </h3>
-            
-            <div style="margin: 25px 0; font-size: 35px;">
-                <span class="baby-decoration">👶🏽</span>
-                <span class="baby-decoration" style="animation-delay: 0.4s;">🧒🏽</span>
-                <span class="baby-decoration" style="animation-delay: 0.8s;">👼</span>
-            </div>
+        <!-- Beautiful Footer with Enhanced Islamic Decoration -->
+        <div style="text-align: center; padding: 50px 40px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; border-radius: 30px; margin-top: 35px; box-shadow: 0 15px 50px rgba(0,0,0,0.3); position: relative; overflow: hidden;">
+            <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,%3Csvg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M0 0h100v100H0z\" fill=\"none\"/%3E%3Cpath d=\"M50 30l5 15h16l-13 9 5 15-13-9-13 9 5-15-13-9h16z\" fill=\"rgba(255,255,255,0.05)\"/%3E%3C/svg%3E'); opacity: 0.3;"></div>
             
-            <p style="font-size: 20px; opacity: 0.95; margin: 10px 0;">
-                Ramadan Kareem! রমজান করীম!
-            </p>
-            
-            <div style="margin-top: 20px; font-size: 28px;">
-                <span class="star">🌟</span>
-                <span class="star" style="animation-delay: 0.3s;">✨</span>
-                <span class="star" style="animation-delay: 0.6s;">⭐</span>
-                <span class="star" style="animation-delay: 0.9s;">💫</span>
+            <div style="position: relative; z-index: 1;">
+                <div style="font-size: 50px; margin-bottom: 25px;">
+                    <span class="mosque-decoration">🕌</span>
+                    <span class="crescent" style="font-size: 60px; margin: 0 20px;">🌙</span>
+                    <span class="mosque-decoration">🕌</span>
+                </div>
+                
+                <h3 style="font-size: 32px; margin: 20px 0; font-weight: 800; text-shadow: 2px 2px 4px rgba(0,0,0,0.4);">
+                    May Allah Accept Your Fasting & Prayers
+                </h3>
+                <h3 style="font-size: 36px; margin: 15px 0; font-family: 'Noto Sans Bengali', sans-serif; font-weight: 900; text-shadow: 2px 2px 4px rgba(0,0,0,0.4);">
+                    আল্লাহ আপনার রোজা ও নামাজ কবুল করুন
+                </h3>
+                
+                <div style="margin: 30px 0; font-size: 40px;">
+                    <span class="baby-decoration">👶🏽</span>
+                    <span class="baby-decoration" style="animation-delay: 0.3s;">🧒🏽</span>
+                    <span class="baby-decoration" style="animation-delay: 0.6s;">👼</span>
+                    <span class="baby-decoration" style="animation-delay: 0.9s;">😇</span>
+                </div>
+                
+                <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 20px; backdrop-filter: blur(10px); margin: 25px auto; max-width: 500px;">
+                    <p style="font-size: 24px; opacity: 0.98; margin: 10px 0; font-weight: 700;">
+                        Ramadan Kareem 2025! 🌙
+                    </p>
+                    <p style="font-size: 28px; opacity: 0.98; margin: 10px 0; font-family: 'Noto Sans Bengali', sans-serif; font-weight: 800;">
+                        রমজান করীম ১৪৪৬! ✨
+                    </p>
+                </div>
+                
+                <div style="margin-top: 25px; font-size: 32px;">
+                    <span class="star pulse-glow">🌟</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.2s;">✨</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.4s;">⭐</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.6s;">💫</span>
+                    <span class="star pulse-glow" style="animation-delay: 0.8s;">🌟</span>
+                </div>
             </div>
         </div>
         
@@ -924,11 +847,11 @@ def get_ramadan_dashboard(city, country):
     return html
 
 # =========================
-# 🎨 Gradio Interface
+# 🎨 Gradio Interface with Bangladesh Divisions & Districts
 # =========================
 custom_css = """
     .gradio-container {
-        background: linear-gradient(135deg, #E8F5E9 0%, #F3E5F5 50%, #FFF9C4 100%) !important;
+        background: linear-gradient(135deg, #E8F5E9 0%, #F3E5F5 40%, #FFF9C4 70%, #FFEBEE 100%) !important;
     }
     
     footer {
@@ -936,49 +859,90 @@ custom_css = """
     }
     
     .contain {
-        max-width: 1100px !important;
+        max-width: 1200px !important;
+    }
+    
+    .gr-button {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
+        border: none !important;
+        color: white !important;
+        font-weight: 600 !important;
+        font-size: 16px !important;
+        padding: 12px 30px !important;
+        border-radius: 15px !important;
+        transition: all 0.3s ease !important;
+    }
+    
+    .gr-button:hover {
+        transform: translateY(-2px) !important;
+        box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4) !important;
     }
 """
 
-demo = gr.Interface(
-    fn=get_ramadan_dashboard,
-    inputs=[
-        gr.Textbox(
-            label="🏙️ City Name", 
-            placeholder="e.g., Sylhet, Dhaka, Mecca, London, New York...",
-            lines=1
-        ),
-        gr.Textbox(
-            label="🌍 Country Name", 
-            placeholder="e.g., Bangladesh, Saudi Arabia, United Kingdom, USA...",
-            lines=1
-        ),
-    ],
-    outputs=gr.HTML(label="🌙 Your Complete Ramadan Companion"),
-    title="🕌 Ultimate Ramadan Dashboard 2025 - رمضان مبارك",
-    description="""
-    <div style='text-align: center; padding: 25px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 100%); color: white; border-radius: 20px;'>
-        <h2 style='font-size: 32px; margin-bottom: 15px;'>🌙 Your Complete Ramadan Companion 🕌</h2>
-        <p style='font-size: 18px; margin: 10px 0;'>✨ Real Prayer Times • Live Weather • Daily Hadith • Smart Advice ✨</p>
-        <p style='font-size: 16px; opacity: 0.95;'>Get personalized recommendations for shopping, rest, walks & more based on your weather!</p>
-        <div style='margin-top: 15px; font-size: 24px;'>
-            <span>🕌</span> <span>🌙</span> <span>⭐</span> <span>✨</span> <span>👶🏽</span>
+def update_districts(division):
+    """Update district dropdown based on selected division"""
+    if division in BANGLADESH_LOCATIONS:
+        return gr.Dropdown(
+            choices=BANGLADESH_LOCATIONS[division],
+            value=BANGLADESH_LOCATIONS[division][0],
+            label=f"🏘️ জেলা নির্বাচন করুন (Select District) - {division}",
+            interactive=True
+        )
+    return gr.Dropdown(choices=[], label="🏘️ জেলা নির্বাচন করুন (Select District)", interactive=True)
+
+with gr.Blocks(css=custom_css) as demo:
+    gr.HTML("""
+        <div style='text-align: center; padding: 35px; background: linear-gradient(135deg, #1A237E 0%, #4A148C 50%, #880E4F 100%); color: white; border-radius: 25px; margin-bottom: 30px; box-shadow: 0 15px 40px rgba(0,0,0,0.2);'>
+            <h1 style='font-size: 48px; margin-bottom: 20px; font-weight: 900; text-shadow: 3px 3px 6px rgba(0,0,0,0.4);'>🕌 রমজান ড্যাশবোর্ড ২০২৫ 🌙</h1>
+            <h2 style='font-size: 42px; margin-bottom: 20px; font-weight: 800;'>Ultimate Ramadan Dashboard 2025</h2>
+            <p style='font-size: 22px; margin: 12px 0; font-weight: 600;'>✨ রিয়েল-টাইম নামাজের সময় • লাইভ আবহাওয়া • দৈনিক হাদিস • স্মার্ট পরামর্শ ✨</p>
+            <p style='font-size: 20px; margin: 10px 0; opacity: 0.95;'>Real Prayer Times • Live Weather • Daily Hadith • Smart Advice</p>
+            <p style='font-size: 18px; opacity: 0.95; margin-top: 15px;'>🇧🇩 সমস্ত বাংলাদেশ বিভাগ ও জেলা সমর্থিত • All Bangladesh Divisions & Districts Supported</p>
+            <div style='margin-top: 20px; font-size: 28px;'>
+                <span>🕌</span> <span>🌙</span> <span>⭐</span> <span>✨</span> <span>👶🏽</span> <span>💫</span>
+            </div>
         </div>
-    </div>
-    """,
-    examples=[
-        ["Sylhet", "Bangladesh"],
-        ["Dhaka", "Bangladesh"],
-        ["Mecca", "Saudi Arabia"],
-        ["Medina", "Saudi Arabia"],
-        ["Istanbul", "Turkey"],
-        ["London", "United Kingdom"],
-        ["Dubai", "United Arab Emirates"],
-        ["New York", "USA"],
-        ["Toronto", "Canada"],
-    ],
-    cache_examples=False,
-)
+    """)
+    
+    with gr.Row():
+        division_dropdown = gr.Dropdown(
+            choices=list(BANGLADESH_LOCATIONS.keys()),
+            value="Dhaka Division",
+            label="🗺️ বিভাগ নির্বাচন করুন (Select Division)",
+            interactive=True
+        )
+        
+        district_dropdown = gr.Dropdown(
+            choices=BANGLADESH_LOCATIONS["Dhaka Division"],
+            value="Dhaka",
+            label="🏘️ জেলা নির্বাচন করুন (Select District)",
+            interactive=True
+        )
+    
+    submit_btn = gr.Button("🌙 রমজান ড্যাশবোর্ড দেখুন (View Ramadan Dashboard)", size="lg")
+    
+    output = gr.HTML(label="🌙 Your Complete Ramadan Companion")
+    
+    # Update districts when division changes
+    division_dropdown.change(
+        fn=update_districts,
+        inputs=[division_dropdown],
+        outputs=[district_dropdown]
+    )
+    
+    # Submit button click
+    submit_btn.click(
+        fn=get_ramadan_dashboard,
+        inputs=[division_dropdown, district_dropdown],
+        outputs=[output]
+    )
+    
+    # Auto-load on page load
+    demo.load(
+        fn=get_ramadan_dashboard,
+        inputs=[division_dropdown, district_dropdown],
+        outputs=[output]
+    )
 
 if __name__ == "__main__":
     demo.launch(
@@ -989,5 +953,4 @@ if __name__ == "__main__":
             primary_hue="purple",
             secondary_hue="blue",
         ),
-        css=custom_css,
     )