text changes

streamlit_app.py

@@ -562,30 +562,105 @@ def generate_via_api(api_url: str, input_type: str, input_data: str, quality: st
 # ============================================================================
 
 with st.sidebar:
-    st.title("🎬 Vidsimplify")
+    # Logo and branding
+    st.markdown("""
+    <div style="text-align: center; padding: 1rem 0;">
+        <h1 style="
+            background: linear-gradient(135deg, #818cf8 0%, #c084fc 50%, #f472b6 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+            font-size: 2rem;
+            font-weight: 800;
+            margin: 0;
+        ">✨ Vidsimplify</h1>
+        <p style="color: #a5b4fc; font-size: 0.85rem; margin-top: 0.5rem;">
+            Precision Animations
+        </p>
+    </div>
+    """, unsafe_allow_html=True)
+    
     st.markdown("---")
     
     # Show mode indicator
     if DIRECT_MODE:
-        st.success("🚀 Direct Mode (Hugging Face)")
+        st.success("🚀 Cloud Mode")
     else:
-        st.info("🔌 API Mode")
+        st.info("🔌 Local Development")
         api_url = st.text_input("API URL", value="http://localhost:8000")
     
-    st.markdown("### Settings")
-    quality = st.selectbox("Quality", ["low", "medium", "high"], index=1)
-    category = st.selectbox("Category", ["tech_system", "product_startup", "mathematical"], index=0)
+    st.markdown("### ⚙️ Settings")
+    
+    # Quality - default to HIGH (index=2)
+    quality = st.selectbox(
+        "Video Quality", 
+        ["low", "medium", "high"], 
+        index=2,  # Default to HIGH
+        format_func=lambda x: {"low": "⚡ Fast (480p)", "medium": "🎥 Standard (720p)", "high": "✨ Premium (1080p)"}[x]
+    )
+    
+    # Category with better labels
+    category = st.selectbox(
+        "Animation Style", 
+        ["tech_system", "product_startup", "mathematical"], 
+        index=0,
+        format_func=lambda x: {"tech_system": "🔧 Tech & Systems", "product_startup": "🚀 Product & Startup", "mathematical": "📐 Mathematical"}[x]
+    )
     
     st.markdown("---")
-    st.markdown("### About")
-    st.info("Generate educational animation videos from text, blogs, or PDFs using Manim and AI.")
+    
+    # About section - professional branding
+    st.markdown("""
+    <div style="
+        background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.05) 100%);
+        border: 1px solid rgba(99, 102, 241, 0.2);
+        border-radius: 12px;
+        padding: 1rem;
+        margin-top: 1rem;
+    ">
+        <h4 style="color: #e0e0ff; margin: 0 0 0.5rem 0; font-size: 0.9rem;">About Vidsimplify</h4>
+        <p style="color: #a5b4fc; font-size: 0.8rem; margin: 0; line-height: 1.5;">
+            Transform your idea into precision animation.
+        </p>
+    </div>
+    """, unsafe_allow_html=True)
+    
+    # Footer in sidebar
+    st.markdown("""
+    <div style="
+        position: absolute;
+        bottom: 6rem;
+        left: 1rem;
+        right: 1rem;
+        text-align: center;
+        color: #6b7280;
+        font-size: 0.75rem;
+    ">
+        Made with 💜 by Vidsimplify Team
+    </div>
+    """, unsafe_allow_html=True)
 
 # ============================================================================
 # Main Content
 # ============================================================================
 
-st.title("AI Video Generator")
-st.markdown("Turn your content into engaging animations in minutes.")
+# Hero section
+st.markdown("""
+<div style="text-align: center; margin-bottom: 2rem;">
+    <h1 style="
+        background: linear-gradient(135deg, #818cf8 0%, #c084fc 50%, #f472b6 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        background-clip: text;
+        font-size: 2.8rem;
+        font-weight: 800;
+        margin-bottom: 0.5rem;
+    ">Create Precision Animations</h1>
+    <p style="color: #a5b4fc; font-size: 1.1rem;">
+        Transform text, blogs, and documents into beautiful animated videos
+    </p>
+</div>
+""", unsafe_allow_html=True)
 
 # Input tabs
 tab1, tab2, tab3 = st.tabs(["📝 Text / Script", "🔗 Blog / URL", "📄 PDF Document"])
@@ -624,7 +699,10 @@ with tab3:
 # Generate Button & Logic
 # ============================================================================
 
-if st.button("Generate Video", type="primary", use_container_width=True):
+# Add spacing before button
+st.markdown("<br>", unsafe_allow_html=True)
+
+if st.button("✨ Create Animation", type="primary", use_container_width=True):
     if not input_data:
         st.error("Please provide input data.")
     else:
@@ -708,12 +786,26 @@ if st.button("Generate Video", type="primary", use_container_width=True):
 # Footer
 # ============================================================================
 
-st.markdown("---")
-col1, col2, col3 = st.columns(3)
-with col1:
-    st.markdown("Built with ❤️ using Streamlit")
-with col2:
-    st.markdown("Powered by Manim & AI")
-with col3:
-    mode_text = "Direct Mode" if DIRECT_MODE else "API Mode"
-    st.markdown(f"Running in: **{mode_text}**")
+st.markdown("""
+<div style="
+    margin-top: 3rem;
+    padding: 1.5rem 0;
+    border-top: 1px solid rgba(99, 102, 241, 0.2);
+    text-align: center;
+">
+    <div style="display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap;">
+        <span style="color: #6b7280; font-size: 0.85rem;">
+            ✨ <strong style="color: #a5b4fc;">Vidsimplify</strong> — Precision Animations
+        </span>
+        <span style="color: #4b5563; font-size: 0.8rem;">|</span>
+        <span style="color: #6b7280; font-size: 0.85rem;">
+            Made with 💜 by Vidsimplify Team
+        </span>
+        <span style="color: #4b5563; font-size: 0.8rem;">|</span>
+        <span style="color: #6b7280; font-size: 0.85rem;">
+            © 2024 All rights reserved
+        </span>
+    </div>
+</div>
+""", unsafe_allow_html=True)
+