Update app.py

app.py

@@ -4,14 +4,31 @@ import json
 import random
 import requests
 from datetime import datetime
-from dotenv import load_dotenv
 
-# --- Streamlit Config ---
-st.set_page_config(page_title="Kalam Comfort", page_icon="📚")
-load_dotenv()
-
-# --- Default Mappings ---
-default_moods = {
+st.set_page_config(page_title="Kalam Comfort", page_icon="📚", layout="centered")
+
+# Hide Streamlit UI elements
+st.markdown("""
+<style>
+#MainMenu, footer {visibility: hidden;}
+button {font-size: 16px !important;}
+</style>
+""", unsafe_allow_html=True)
+
+# Session state to manage page switching
+if "page" not in st.session_state:
+    st.session_state.page = "welcome"
+
+# Load or create required files
+def load_or_create_json(filename, default_data):
+    if not os.path.exists(filename):
+        with open(filename, "w") as f:
+            json.dump(default_data, f, indent=4, ensure_ascii=False)
+    with open(filename, "r") as f:
+        return json.load(f)
+
+# Mood-to-ayah mapping
+moods = load_or_create_json("moods.json", {
     "anxious": ["13:28", "2:286", "10:62"],
     "sad": ["94:5", "93:6", "65:7"],
     "hopeless": ["39:53", "12:87", "3:139"],
@@ -21,8 +38,10 @@ default_moods = {
     "lost": ["93:7", "6:122"],
     "tired": ["94:6", "3:200"],
     "afraid": ["8:46", "33:3"],
-    "happy": ["16:18", "28:70", "55:13"]
-}
+    "happy": ["10:58", "28:70", "55:13"]
+})
+
+reflections = load_or_create_json("reflections.json", {})
 
 default_duas = {
     "anxious": [
@@ -129,71 +148,81 @@ default_hadiths = {
         ("إِنَّ اللَّهَ يُحِبُّ الْفَرَحِينَ بِطَاعَتِهِ", "Indeed, Allah loves those who rejoice in His obedience.", "بیشک اللہ ان لوگوں سے محبت کرتا ہے جو اس کی اطاعت میں خوش ہوتے ہیں۔")
     ]
 }
-
-
-# --- Initial File Setup ---
-if not os.path.exists("moods.json"):
-    with open("moods.json", "w") as f:
-        json.dump(default_moods, f, indent=4)
-if not os.path.exists("reflections.json"):
-    with open("reflections.json", "w") as f:
-        json.dump({}, f, indent=4)
-
-with open("moods.json") as f:
-    moods = json.load(f)
-with open("reflections.json") as f:
-    reflections = json.load(f)
-
-# --- UI ---
-st.title("📚 Kalam Comfort")
-st.subheader("Guidance for how you feel 🤍")
-
-selected_mood = st.selectbox("How are you feeling today?", list(moods.keys()), index=0)
-
-if selected_mood:
-    verse_ref = random.choice(moods[selected_mood])
-    surah, ayah = verse_ref.split(":")
-    url = f"https://api.alquran.cloud/v1/ayah/{surah}:{ayah}/editions/quran-simple,en.asad,ur.jalandhry"
-    response = requests.get(url)
-
-    if response.status_code == 200:
-        data = response.json()["data"]
-        st.markdown("### 🌙 Quranic Verse")
-        st.markdown(f"**Surah:** {data[0]['surah']['englishName']} — Ayah {ayah}")
-        st.markdown(f"<div style='font-size:24px; direction: rtl'>{data[0]['text']}</div>", unsafe_allow_html=True)
-        st.markdown(f"**📖 English:** *{data[1]['text']}*")
-        st.markdown(f"**📖 Urdu:** {data[2]['text']}")
-    else:
-        st.error("Failed to fetch Quranic verse.")
-
-    st.markdown("### 🤲 Dua")
-    dua = random.choice(default_duas[selected_mood])
-    st.markdown(f"**Arabic:** {dua[0]}")
-    st.markdown(f"**English:** *{dua[1]}*")
-    st.markdown(f"**Urdu:** {dua[2]}")
-
-    if selected_mood in default_hadiths:
-        hadith = random.choice(default_hadiths[selected_mood])
+# ---------------- Page 1: Welcome ----------------
+if st.session_state.page == "welcome":
+    st.title("📚 Kalam Comfort")
+    st.subheader("Let the Qur'an speak to your heart 🤍")
+    st.markdown("""
+    <div style='text-align:center; margin-top: 30px;'>
+        <img src='https://i.ibb.co/0n7MpKx/quran-light.png' width='200'>
+    </div>
+    """, unsafe_allow_html=True)
+    if st.button("✨ Let's Dive In"):
+        st.session_state.page = "main"
+        st.experimental_rerun()
+
+# ---------------- Page 2: Main App ----------------
+if st.session_state.page == "main":
+    st.title("📖 Kalam Comfort")
+    st.subheader("Select your mood to receive comfort from the Qur'an")
+
+    selected_mood = st.selectbox("How are you feeling today?", list(moods.keys()), index=0)
+
+    if selected_mood:
+        verse_ref = random.choice(moods[selected_mood])
+        surah_num, ayah_num = verse_ref.split(":")
+
+        # Get Quranic text
+        quran_api = f"https://api.alquran.cloud/v1/ayah/{surah_num}:{ayah_num}/editions/quran-simple,en.asad,ur.jalandhry"
+        response = requests.get(quran_api)
+
+        if response.status_code == 200:
+            data = response.json()["data"]
+            arabic = data[0]["text"]
+            english = data[1]["text"]
+            urdu = data[2]["text"]
+            surah_info = f"{data[0]['surah']['englishName']} ({data[0]['surah']['name']})"
+
+            st.markdown("### 🌙 Quranic Verse")
+            st.markdown(f"**Surah:** {surah_info} — Ayah {ayah_num}")
+            st.markdown(f"<div style='font-size:24px; direction: rtl'>{arabic}</div>", unsafe_allow_html=True)
+            st.markdown(f"**📖 English:** *{english}*")
+            st.markdown(f"**📖 Urdu:** {urdu}")
+        else:
+            st.error("❌ Could not fetch verse.")
+
+        # Dua Section
+        st.markdown("### 🤲 Duas")
+        duas = random.sample(default_duas.get(selected_mood, []), k=min(2, len(default_duas.get(selected_mood, []))))
+        for arabic, eng, ur in duas:
+            st.markdown(f"<div style='font-size:22px; direction: rtl'>{arabic}</div>", unsafe_allow_html=True)
+            st.markdown(f"**English:** {eng}")
+            st.markdown(f"**Urdu:** {ur}")
+            st.markdown("---")
+
+        # Hadith Section
         st.markdown("### 📜 Hadith")
-        st.markdown(f"**Arabic:** {hadith[0]}")
-        st.markdown(f"**English:** *{hadith[1]}*")
-        st.markdown(f"**Urdu:** {hadith[2]}")
-
-    st.markdown("### 📝 Reflection")
-    reflection = st.text_area("Write your reflection:")
-    if st.button("💾 Save Reflection"):
-        reflections[selected_mood] = {
-            "text": reflection,
-            "timestamp": datetime.now().strftime("%Y-%m-%d %H:%M")
-        }
-        with open("reflections.json", "w") as f:
-            json.dump(reflections, f, indent=4)
-        st.success("Reflection saved.")
-
-    if selected_mood in reflections:
-        last = reflections[selected_mood]
-        st.markdown("#### 📄 Last Reflection")
-        st.markdown(f"**{last['timestamp']}** — {last['text']}")
-
-    if st.button("🔁 Show another"):
-        st.rerun()
+        mood_hadiths = default_hadiths.get(selected_mood, [])
+        for arabic, eng, ur, src in mood_hadiths:
+            st.markdown(f"<div style='font-size:22px; direction: rtl'>{arabic}</div>", unsafe_allow_html=True)
+            st.markdown(f"**English:** {eng}")
+            st.markdown(f"**Urdu:** {ur}")
+            st.markdown(f"_Source: {src}_")
+            st.markdown("---")
+
+        # Reflection Section
+        st.markdown("### 📝 Your Reflection")
+        reflection_input = st.text_area("Write your thoughts:", placeholder="How does this verse speak to you today?")
+        if st.button("💾 Save Reflection"):
+            reflections[selected_mood] = {
+                "text": reflection_input,
+                "timestamp": datetime.now().strftime("%Y-%m-%d %H:%M")
+            }
+            with open("reflections.json", "w") as f:
+                json.dump(reflections, f, indent=4, ensure_ascii=False)
+            st.success("Reflection saved.")
+
+        if selected_mood in reflections:
+            last = reflections[selected_mood]
+            st.markdown("#### 📜 Last Saved Reflection:")
+            st.markdown(f"**{last['timestamp']}** — {last['text']}")