welcome css try

phase/welcome.py

@@ -1,34 +1,19 @@
 import streamlit as st
-import os
+from PIL import Image
 import base64
+import os
 
+@st.cache_data
 def get_base64_img(image_path):
     if not os.path.exists(image_path):
-        print(f"[WARNING] Missing image: {image_path}")
         return ""
     with open(image_path, "rb") as f:
         return base64.b64encode(f.read()).decode()
 
+logo_base64 = get_base64_img("assets/logo.png")
+banner_base64 = get_base64_img("assets/welcome-banner.png")
 
-def show_page():
-    st.title("💹 Welcome to $mart Kids App")
-
-    # Check if 'user' exists before using it
-    if "user" in st.session_state and st.session_state.user:
-        st.success(f"Welcome back, {st.session_state.user['name']}! ✅")
-    else:
-        st.write(
-            "This app helps you improve your **financial education and numeracy skills**.  \n"
-            "👉 Use the sidebar to **Signup** or **Login** to get started."
-        )
-
-
-    # Load logo and banner as base64
-    logo_path = "assets/logo.png"
-    banner_path = "assets/welcome-banner.png"
-    logo_base64 = get_base64_img(logo_path)
-    banner_base64 = get_base64_img(banner_path)
-
+def welcomeui():
     # ---------- CSS Styling ----------
     st.markdown(f"""
     <style>
@@ -99,7 +84,7 @@ def show_page():
     """, unsafe_allow_html=True)
 
     # ---------- What is FinanceLearn ----------
-    st.header("✨ What is FinanceLearn? 🎈")
+    st.header("✨ What is $mart Kids App?")
     st.write("FinanceLearn is an interactive educational platform designed to teach financial literacy through fun, engaging activities. Perfect for both classroom learning and individual exploration! ✨")
 
     # ---------- Demo Video Placeholder ----------
@@ -163,3 +148,12 @@ def show_page():
         if st.button("📊 Teacher Dashboard"):
             st.session_state.current_page = "Teacher Dashboard"
             st.rerun()
+
+def show_page():
+    st.title("💹 Welcome to $mart Kids App")
+
+    # ✅ Only show this when user is logged in
+    if "user" in st.session_state and st.session_state.user:
+        st.success(f"Welcome back, {st.session_state.user['name']}! ✅")
+    else:
+        welcomeui()