Clean up header design and add logo placeholder

- Remove subtitle under Par-ity Project title for cleaner look
- Remove zigzag green striped lines from all step headers
- Add logo placeholder in top right corner (120x60px)
- Simplify step headers to clean typography without decorations
- Update CSS to remove unused step-header styling
- Create space for actual logo replacement in production

app/streamlit_app.py

@@ -89,7 +89,7 @@ print("=== End RAG Import Debug ===")
 print("")
 
 # Set page config
-st.set_page_config(page_title="Par-ity Project: Golf Swing Analysis 🏌️‍♀️",
+st.set_page_config(page_title="Par-ity Project🏌️‍♀️",
                    page_icon="🏌️‍♀️",
                    layout="wide",
                    initial_sidebar_state="collapsed")
@@ -601,29 +601,9 @@ def main():
         margin-bottom: 10px;
     }
     
-    .step-header {
-        color: #0B3B0B;
-        font-family: 'Georgia', serif;
-        font-weight: bold;
-        margin: 20px 0;
-        position: relative;
-    }
+
     
-    .step-header::after {
-        content: "";
-        display: block;
-        height: 10px;
-        background: repeating-linear-gradient(
-            135deg,
-            #1D6F42 0px,
-            #1D6F42 5px,
-            #A9DFBF 5px,
-            #A9DFBF 10px
-        );
-        margin: 8px auto 0;
-        width: 200px;
-        border-radius: 5px;
-    }
+
     
 
     
@@ -645,13 +625,18 @@ def main():
     </style>
     """, unsafe_allow_html=True)
     
-    # Main title with logo placeholder
+    # Main title with logo
     st.markdown("""
-    <div class="main-header">
-        <h1>⛳ Par-ity Project: Golf Swing Analysis</h1>
-        <p style="color: #4CAF50; font-size: 18px; margin-top: -10px;">
-            Founded to address the gender gap in golf participation and access to quality coaching resources
-        </p>
+    <div style="position: relative;">
+        <div style="position: absolute; top: 10px; right: 20px; z-index: 100;">
+            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" 
+                 style="width: 120px; height: 60px; background: #f0f0f0; border: 2px dashed #ccc; border-radius: 8px; padding: 10px;" 
+                 alt="Your Logo Here">
+            <div style="text-align: center; font-size: 12px; color: #666; margin-top: 5px;">Logo Placeholder</div>
+        </div>
+        <div class="main-header">
+            <h1>⛳ Par-ity Project: Golf Swing Analysis</h1>
+        </div>
     </div>
     """, unsafe_allow_html=True)
     
@@ -808,7 +793,7 @@ def main():
 
 def render_step_1():
     """Step 1: Upload Video"""
-    st.markdown('<div class="step-header"><h2>Step 1: Upload Your Video</h2></div>', unsafe_allow_html=True)
+    st.markdown('<h2 style="color: #0B3B0B; font-family: Georgia, serif;">Step 1: Upload Your Video</h2>', unsafe_allow_html=True)
     
     st.markdown("**Choose your input method:**")
     
@@ -858,7 +843,7 @@ def render_step_1():
 
 def render_step_2():
     """Step 2: Analyzing Video and Pose"""
-    st.markdown('<div class="step-header"><h2>Step 2: Analyzing Video and Pose</h2></div>', unsafe_allow_html=True)
+    st.markdown('<h2 style="color: #0B3B0B; font-family: Georgia, serif;">Step 2: Analyzing Video and Pose</h2>', unsafe_allow_html=True)
     
     st.markdown("🔄 **Processing your swing video...**")
     st.markdown("Please wait while we analyze your golf swing.")
@@ -918,7 +903,7 @@ def render_step_2():
 
 def render_step_3():
     """Step 3: Choose Your Options"""
-    st.markdown('<div class="step-header"><h2>Step 3: Choose Your Next Step</h2></div>', unsafe_allow_html=True)
+    st.markdown('<h2 style="color: #0B3B0B; font-family: Georgia, serif;">Step 3: Choose Your Next Step</h2>', unsafe_allow_html=True)
     
     if st.session_state.video_analyzed:
         data = st.session_state.analysis_data
@@ -973,7 +958,7 @@ def render_step_3():
 
 def render_step_4():
     """Step 4: AI-Powered Improvements"""
-    st.markdown('<div class="step-header"><h2>Step 4: AI-Powered Improvements</h2></div>', unsafe_allow_html=True)
+    st.markdown('<h2 style="color: #0B3B0B; font-family: Georgia, serif;">Step 4: AI-Powered Improvements</h2>', unsafe_allow_html=True)
     
     if st.session_state.video_analyzed:
         data = st.session_state.analysis_data
@@ -1011,7 +996,7 @@ def render_step_4():
 
 def render_step_5():
     """Step 5: Ask the Golf Expert"""
-    st.markdown('<div class="step-header"><h2>Step 5: Ask the Golf Expert</h2></div>', unsafe_allow_html=True)
+    st.markdown('<h2 style="color: #0B3B0B; font-family: Georgia, serif;">Step 5: Ask the Golf Expert</h2>', unsafe_allow_html=True)
     
     st.markdown("💬 **Ready to answer your swing questions!**")