Update app.py

app.py

@@ -115,6 +115,33 @@ st.markdown("""
     .section-spacer {
         margin: 30px 0;
     }
+    .action-buttons-container {
+        margin-top: 20px;
+        padding-top: 15px;
+        border-top: 1px solid #e0e0e0;
+    }
+    .roi-metrics {
+        background-color: #e8f5e8;
+        padding: 8px;
+        border-radius: 4px;
+        margin: 8px 0;
+        font-size: 0.9rem;
+    }
+    .additional-option {
+        border: 1px solid #e0e0e0;
+        border-radius: 5px;
+        padding: 10px;
+        margin-bottom: 10px;
+        background-color: #f9f9f9;
+    }
+    .sample-link {
+        color: #1f77b4;
+        text-decoration: none;
+        font-size: 0.9rem;
+    }
+    .sample-link:hover {
+        text-decoration: underline;
+    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -458,25 +485,12 @@ with col1:
     
     st.markdown('<div class="section-spacer"></div>', unsafe_allow_html=True)
     
-    # Consultation CTA - Updated with link
-    st.markdown("""
-    <div class="consultation-cta">
-        <h4>Want Expert Guidance?</h4>
-        <p style="margin-bottom: 15px;">Get personalized recommendations from our learning design experts</p>
-    </div>
-    """, unsafe_allow_html=True)
-    
-    if st.button("Schedule Free Consultation", use_container_width=True, type="primary"):
-        st.markdown('<script>window.open("https://www.motechhq.com/connect/", "_blank");</script>', unsafe_allow_html=True)
-        st.success("Opening consultation page in a new tab...")
-    
-    st.markdown('<div class="section-spacer"></div>', unsafe_allow_html=True)
-    
     # Generate recommendations button
     generate_button = st.button(
         "Get My Recommendations",
         disabled=not objectives or not goals,
-        use_container_width=True
+        use_container_width=True,
+        type="primary"
     )
     
     if not objectives:
@@ -530,18 +544,18 @@ with col2:
         for i, (format_id, score) in enumerate(recommendations["formats"][:3]):
             format_data = TRAINING_FORMATS[format_id]
             
-            st.markdown(f'<div class="format-card">', unsafe_allow_html=True)
+            st.markdown('<div class="format-card">', unsafe_allow_html=True)
             st.markdown(f'<div class="format-title">{format_data["name"]} <span class="match-score">{score}% Match</span></div>', unsafe_allow_html=True)
             st.markdown(f'<div class="format-description">{format_data["description"]}</div>', unsafe_allow_html=True)
             
             # Add sample link if available
             if "sample_link" in format_data:
-                st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" style="color: #1f77b4; text-decoration: none;">View Sample</a>', unsafe_allow_html=True)
+                st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" class="sample-link">View Sample</a>', unsafe_allow_html=True)
                 st.markdown("<br>", unsafe_allow_html=True)
             
             # Show ROI metrics
             if "roi_metrics" in format_data:
-                st.markdown(f'<div style="background-color: #e8f5e8; padding: 8px; border-radius: 4px; margin: 8px 0; font-size: 0.9rem;"><strong>Expected Results:</strong> {format_data["roi_metrics"]}</div>', unsafe_allow_html=True)
+                st.markdown(f'<div class="roi-metrics"><strong>Expected Results:</strong> {format_data["roi_metrics"]}</div>', unsafe_allow_html=True)
             
             # Show key details
             st.markdown(f"""
@@ -553,14 +567,6 @@ with col2:
             </div>
             """, unsafe_allow_html=True)
             
-            # Add "Get Custom Proposal" button for top recommendation
-            if i == 0:
-                st.markdown('<div style="margin-top: 15px;">', unsafe_allow_html=True)
-                if st.button(f"Get Custom Proposal", key=f"proposal_{format_id}", use_container_width=True, type="primary"):
-                    st.balloons()
-                    st.success("Excellent choice! Our learning design experts will be in touch within 24 hours.")
-                st.markdown('</div>', unsafe_allow_html=True)
-            
             st.markdown('</div>', unsafe_allow_html=True)
         
         # Expandable "View More Options" section
@@ -570,12 +576,12 @@ with col2:
                 for i, (format_id, score) in enumerate(recommendations["formats"][3:5], 4):
                     format_data = TRAINING_FORMATS[format_id]
                     
-                    st.markdown(f'<div style="border: 1px solid #e0e0e0; border-radius: 5px; padding: 10px; margin-bottom: 10px; background-color: #f9f9f9;">', unsafe_allow_html=True)
-                    st.markdown(f'<strong>{format_data["name"]}</strong> <span style="color: #666;">({score}% Match)</span>')
+                    st.markdown('<div class="additional-option">', unsafe_allow_html=True)
+                    st.markdown(f'**{format_data["name"]}** ({score}% Match)')
                     st.markdown(f'{format_data["description"]}')
                     
                     if "sample_link" in format_data:
-                        st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" style="color: #1f77b4; text-decoration: none; font-size: 0.9rem;">View Sample</a>', unsafe_allow_html=True)
+                        st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" class="sample-link">View Sample</a>', unsafe_allow_html=True)
                     
                     if "roi_metrics" in format_data:
                         st.markdown(f'<div style="font-size: 0.85rem; color: #666; margin-top: 5px;"><strong>Expected Results:</strong> {format_data["roi_metrics"]}</div>', unsafe_allow_html=True)
@@ -586,31 +592,33 @@ with col2:
         
         st.markdown('</div>', unsafe_allow_html=True)
         
-        # Action buttons
+        # Grouped Action Buttons
+        st.markdown('<div class="action-buttons-container">', unsafe_allow_html=True)
+        st.markdown("**Take Action:**", unsafe_allow_html=True)
+        
         col_b1, col_b2 = st.columns(2)
         
         with col_b1:
-            # Generate report
-            report_data = {
-                "timestamp": time.strftime("%Y-%m-%d %H:%M:%S"),
-                "recommendations": recommendations
-            }
-            
-            report_json = json.dumps(report_data, indent=2)
-            
-            st.download_button(
-                label="Download Report",
-                data=report_json,
-                file_name=f"training_recommendations_{int(time.time())}.json",
-                mime="application/json",
-                use_container_width=True
-            )
+            # Get proposal button for top recommendation
+            top_format = TRAINING_FORMATS[recommendations["formats"][0][0]]
+            if st.button(f"Get Custom Proposal for {top_format['name']}", use_container_width=True, type="primary"):
+                st.balloons()
+                st.success("Excellent choice! Our learning design experts will be in touch within 24 hours.")
         
         with col_b2:
-            # New analysis button
-            if st.button("New Analysis", use_container_width=True):
-                st.session_state["recommendations"] = None
-                st.rerun()
+            # Schedule consultation button
+            if st.button("Schedule Free Consultation", use_container_width=True):
+                st.info("Opening consultation page...")
+                st.markdown('<script>window.open("https://www.motechhq.com/connect/", "_blank");</script>', unsafe_allow_html=True)
+        
+        # New analysis button (full width, secondary action)
+        st.markdown('<div style="margin-top: 10px;">', unsafe_allow_html=True)
+        if st.button("Start New Analysis", use_container_width=True):
+            st.session_state["recommendations"] = None
+            st.rerun()
+        st.markdown('</div>', unsafe_allow_html=True)
+        
+        st.markdown('</div>', unsafe_allow_html=True)
     
     else:
         # Placeholder content when no recommendations yet
@@ -618,8 +626,21 @@ with col2:
         st.markdown('<h3>Your Recommendations Will Appear Here</h3>')
         st.markdown('<p>Complete the form and click "Get My Recommendations" to see your personalized training format suggestions.</p>')
         st.markdown('</div>', unsafe_allow_html=True)
+        
+        # Consultation CTA in placeholder area
+        st.markdown('<div class="section-spacer"></div>', unsafe_allow_html=True)
+        st.markdown("""
+        <div class="consultation-cta">
+            <h4>Want Expert Guidance?</h4>
+            <p style="margin-bottom: 15px;">Get personalized recommendations from our learning design experts</p>
+        </div>
+        """, unsafe_allow_html=True)
+        
+        if st.button("Schedule Free Consultation", use_container_width=True, key="consultation_placeholder"):
+            st.info("Opening consultation page...")
+            st.markdown('<script>window.open("https://www.motechhq.com/connect/", "_blank");</script>', unsafe_allow_html=True)
 
 # Footer
 st.markdown('<div class="footnote">', unsafe_allow_html=True)
 st.markdown('*This tool uses advanced algorithms to match your requirements with optimal training formats based on industry best practices.*')
-st.markdown('</div>', unsafe_allow_html=True) 
+st.markdown('</div>', unsafe_allow_html=True)