Update app.py

app.py

@@ -14,7 +14,7 @@ model = genai.GenerativeModel('gemini-pro')
 
 # Page config
 st.set_page_config(
-    page_title="MI Assistant",
+    page_title="MotiMeter",
     page_icon="🧊",
     layout="wide",
     initial_sidebar_state="expanded"
@@ -56,19 +56,88 @@ def sidebar():
         if st.button("Session Analysis"):
             st.session_state.current_mode = "session_analysis"
 
-def welcome_page():
-    st.title("Welcome to MI Assistant")
-    st.write("Please select your role to continue:")
-    
-    col1, col2 = st.columns(2)
+
+def show_welcome():
+    # Center align all contents
+    st.markdown("""
+        <style>
+        .centered {
+            text-align: center;
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        .big-header {
+            font-size: 3em;
+            color: #1E88E5;
+            margin-bottom: 20px;
+        }
+        .sub-header {
+            font-size: 1.5em;
+            color: #424242;
+            margin-bottom: 30px;
+        }
+        .feature-box {
+            background-color: #f5f5f5;
+            border-radius: 10px;
+            padding: 20px;
+            margin: 10px;
+            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+        }
+        </style>
+        """, unsafe_allow_html=True)
+
+    st.markdown("""
+        <div class="centered">
+            <h1 class="big-header">Welcome to MotiMeter</h1>
+            <p class="sub-header">MotiMeter is your AI companion that makes motivational interviewing simple and clear. It listens to therapy conversations and shows both therapists and clients exactly where they are on their change journey - just like a GPS for personal growth.</p>
+        </div>
+        """, unsafe_allow_html=True)
+
+    # Create three columns for features
+    col1, col2, col3 = st.columns(3)
+
     with col1:
-        if st.button("I am a Consumer"):
-            st.session_state.role = "Consumer"
-            st.session_state.current_mode = "tutorial"
+        st.markdown("""
+            <div class="feature-box">
+                <h3>🎯 Real-time Analysis</h3>
+                <p>Get instant feedback on your MI sessions using advanced AI technology</p>
+            </div>
+            """, unsafe_allow_html=True)
+
     with col2:
-        if st.button("I am a Therapist"):
-            st.session_state.role = "Therapist"
-            st.session_state.current_mode = "tutorial"
+        st.markdown("""
+            <div class="feature-box">
+                <h3>📊 Track Progress</h3>
+                <p>Monitor your development and improve your MI skills over time</p>
+            </div>
+            """, unsafe_allow_html=True)
+
+    with col3:
+        st.markdown("""
+            <div class="feature-box">
+                <h3>🤝 Interactive Support</h3>
+                <p>Practice and enhance your MI techniques with AI guidance</p>
+            </div>
+            """, unsafe_allow_html=True)
+
+    # Add getting started section
+    st.markdown("""
+        <div class="centered">
+            <h2>Getting Started</h2>
+            <p>Upload your session recordings or practice with our AI assistant to improve your MI skills.</p>
+        </div>
+        """, unsafe_allow_html=True)
+
+    # Quick start guide
+    with st.expander("📚 Quick Start Guide"):
+        st.markdown("""
+            ### How to Use MotiMeter
+            1. **Upload Sessions**: Share your recorded sessions for analysis
+            2. **Get Feedback**: Receive detailed insights about your MI practice
+            3. **Track Progress**: Monitor your improvement over time
+            4. **Practice**: Use our AI assistant to enhance your skills
+            """)
 
 def main():
     if st.session_state.role is None: