Update app.py

app.py

@@ -107,6 +107,11 @@ st.markdown("""
         margin: 20px 0;
         text-align: center;
         color: white;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+    }
+    .consultation-cta:hover {
+        background-color: #45a049;
     }
     .consultation-cta h4 {
         color: white;
@@ -170,7 +175,7 @@ TRAINING_FORMATS = {
         "engagement": "High",
         "scalability": "High",
         "interaction": "Low",
-        "sample_link": "https://elearningindustry.com/what-is-video-based-learning",
+        "sample_link": "https://youtu.be/HPUWGE9B_UQ?si=a4vr6BL43eMCR9Th",
         "roi_metrics": "85% knowledge retention, 60% faster skill acquisition"
     },
     "powerpoint_presentations": {
@@ -550,7 +555,7 @@ with col2:
             
             # Add sample link if available
             if "sample_link" in format_data:
-                st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" class="sample-link">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
@@ -581,7 +586,7 @@ with col2:
                     st.markdown(f'{format_data["description"]}')
                     
                     if "sample_link" in format_data:
-                        st.markdown(f'<a href="{format_data["sample_link"]}" target="_blank" class="sample-link">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)
@@ -606,10 +611,13 @@ with col2:
                 st.success("Excellent choice! Our learning design experts will be in touch within 24 hours.")
         
         with col_b2:
-            # Schedule consultation button
-            if st.button("Schedule Free Consultation with the Experts at Motivation Technologies!", 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)
+            # Clickable consultation CTA
+            st.markdown("""
+            <div class="consultation-cta" onclick="window.open('https://www.motechhq.com/connect/', '_blank');">
+                <h4>Want Expert Guidance?</h4>
+                <p style="margin-bottom: 0;">Schedule a free consultation with the learning design experts at Motivation Technologies today!</p>
+            </div>
+            """, unsafe_allow_html=True)
         
         # New analysis button (full width, secondary action)
         st.markdown('<div style="margin-top: 10px;">', unsafe_allow_html=True)
@@ -621,24 +629,22 @@ with col2:
         st.markdown('</div>', unsafe_allow_html=True)
     
     else:
-        # Placeholder content when no recommendations yet
+        # Show placeholder inside results container
+        st.markdown('<div class="results-container">', unsafe_allow_html=True)
         st.markdown('<div class="placeholder-area">', unsafe_allow_html=True)
-        st.markdown('<h3>Your Recommendations Will Appear Here</h3>')
+        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)
+        st.markdown('</div>', unsafe_allow_html=True)
         
-        # Consultation CTA in placeholder area
+        # Consultation CTA outside the results container
         st.markdown('<div class="section-spacer"></div>', unsafe_allow_html=True)
         st.markdown("""
-        <div class="consultation-cta">
+        <div class="consultation-cta" onclick="window.open('https://www.motechhq.com/connect/', '_blank');">
             <h4>Want Expert Guidance?</h4>
-            <p style="margin-bottom: 15px;">Get personalized recommendations from our learning design experts</p>
+            <p style="margin-bottom: 0;">Schedule a free consultation with the learning design experts at Motivation Technologies today!</p>
         </div>
         """, unsafe_allow_html=True)
-        
-        if st.button("Schedule Free Consultation with the Experts at Motivation Technologies!", 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)