Update app.py

app.py

@@ -93,41 +93,58 @@ def show_welcome():
             <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)
-
+    st.write("Please select your role to continue:")
+    
+    col1, col2 = st.columns(2)
+    # Centering the buttons using markdown
     with col1:
-        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)
-
+        st.markdown("<div style='text-align: center;'>", unsafe_allow_html=True)
+        if st.button("I am a Consumer"):
+            st.session_state.role = "Consumer"
+            st.session_state.current_mode = "tutorial"
+        st.markdown("</div>", unsafe_allow_html=True)
+    
     with col2:
-        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)
+        st.markdown("<div style='text-align: center;'>", unsafe_allow_html=True)
+        if st.button("I am a Therapist"):
+            st.session_state.role = "Therapist"
+            st.session_state.current_mode = "tutorial"
+        st.markdown("</div>", unsafe_allow_html=True)
+            
+    # # Create three columns for features
+    # col1, col2, col3 = st.columns(3)
+
+    # with col1:
+    #     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:
+    #     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"):