update app.py

app.py

@@ -1,32 +1,138 @@
+#!/usr/bin/env python3
+"""
+Hugging Face Spaces Entry Point for Corpus Collection Engine
+AI-powered platform for preserving Indian cultural heritage
+"""
+
 import gradio as gr
 import subprocess
 import threading
 import time
+import sys
+import os
 
 def launch_streamlit():
-    subprocess.Popen([
-        "streamlit", "run", "main.py",  # ✅ Now at root level
-        "--server.port=7861", 
-        "--server.address=0.0.0.0",
-        "--server.headless=true"
-    ])
+    """Launch Streamlit app in background"""
+    try:
+        # Launch the Streamlit app from the corpus_collection_engine directory
+        subprocess.Popen([
+            sys.executable, "-m", "streamlit", "run", 
+            "corpus_collection_engine/main.py",
+            "--server.port=7861", 
+            "--server.address=0.0.0.0",
+            "--server.headless=true"
+        ])
+    except Exception as e:
+        print(f"Error launching Streamlit: {e}")
 
 def create_interface():
-    threading.Thread(target=launch_streamlit, daemon=True).start()
-    time.sleep(8)
+    """Create Gradio interface that embeds the Streamlit app"""
+    
+    # Launch Streamlit in background
+    streamlit_thread = threading.Thread(target=launch_streamlit, daemon=True)
+    streamlit_thread.start()
     
-    with gr.Blocks(title="🇮🇳 Corpus Collection Engine") as demo:
+    # Wait for Streamlit to start
+    time.sleep(10)
+    
+    # Create Gradio interface
+    with gr.Blocks(
+        title="🇮🇳 Corpus Collection Engine",
+        theme=gr.themes.Soft(),
+        css="""
+        .gradio-container {
+            max-width: 100% !important;
+            padding: 0 !important;
+        }
+        iframe {
+            border-radius: 10px !important;
+        }
+        """
+    ) as demo:
+        
+        # Header
         gr.HTML("""
-        <div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #FF6B35, #F7931E); color: white; margin-bottom: 20px; border-radius: 10px;">
-            <h1>🇮🇳 Corpus Collection Engine</h1>
-            <p>AI-powered platform for preserving Indian cultural heritage</p>
+        <div style="text-align: center; padding: 25px; background: linear-gradient(135deg, #FF6B35, #F7931E); color: white; margin-bottom: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(255,107,53,0.3);">
+            <h1 style="margin: 0; font-size: 2.8em; font-weight: bold;">🇮🇳 Corpus Collection Engine</h1>
+            <p style="margin: 15px 0 0 0; font-size: 1.3em; opacity: 0.95;">AI-powered platform for preserving Indian cultural heritage</p>
+            <p style="margin: 10px 0 0 0; font-size: 1em; opacity: 0.8;">No login required • Start contributing immediately</p>
         </div>
         """)
         
-        gr.HTML('<iframe src="http://localhost:7861" width="100%" height="800px" frameborder="0"></iframe>')
+        # Main app iframe
+        gr.HTML("""
+        <div style="background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.1); margin-bottom: 25px;">
+            <iframe 
+                src="http://localhost:7861" 
+                width="100%" 
+                height="850px" 
+                frameborder="0"
+                style="border-radius: 15px;"
+                allow="camera; microphone; clipboard-write"
+            ></iframe>
+        </div>
+        """)
         
-        return demo
+        # Features showcase
+        gr.HTML("""
+        <div style="background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 25px; border-radius: 15px; margin-top: 20px;">
+            <h3 style="text-align: center; margin: 0 0 20px 0; color: #333; font-size: 1.5em;">🎯 Cultural Activities Available</h3>
+            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 20px;">
+                <div style="text-align: center; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
+                    <div style="font-size: 3em; margin-bottom: 10px;">🎭</div>
+                    <h4 style="margin: 0 0 8px 0; color: #FF6B35;">Meme Creator</h4>
+                    <p style="margin: 0; color: #666; font-size: 0.9em;">Create culturally relevant memes in Indian languages</p>
+                </div>
+                <div style="text-align: center; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
+                    <div style="font-size: 3em; margin-bottom: 10px;">🍛</div>
+                    <h4 style="margin: 0 0 8px 0; color: #FF6B35;">Recipe Collector</h4>
+                    <p style="margin: 0; color: #666; font-size: 0.9em;">Share traditional family recipes with cultural context</p>
+                </div>
+                <div style="text-align: center; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
+                    <div style="font-size: 3em; margin-bottom: 10px;">📚</div>
+                    <h4 style="margin: 0 0 8px 0; color: #FF6B35;">Folklore Archive</h4>
+                    <p style="margin: 0; color: #666; font-size: 0.9em;">Preserve stories, legends, and oral traditions</p>
+                </div>
+                <div style="text-align: center; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
+                    <div style="font-size: 3em; margin-bottom: 10px;">🏛️</div>
+                    <h4 style="margin: 0 0 8px 0; color: #FF6B35;">Landmark Identifier</h4>
+                    <p style="margin: 0; color: #666; font-size: 0.9em;">Document historical and cultural landmarks</p>
+                </div>
+            </div>
+            
+            <div style="text-align: center; margin-top: 25px; padding: 20px; background: rgba(255,107,53,0.1); border-radius: 10px;">
+                <h4 style="margin: 0 0 10px 0; color: #FF6B35;">🌟 Platform Features</h4>
+                <p style="margin: 0; color: #555; line-height: 1.6;">
+                    <strong>🌍 11 Indian Languages</strong> • 
+                    <strong>📱 Mobile Responsive</strong> • 
+                    <strong>🔒 Privacy-First Design</strong> • 
+                    <strong>📊 Real-time Analytics</strong> • 
+                    <strong>🏆 Achievement System</strong> • 
+                    <strong>⚡ Offline Support</strong>
+                </p>
+            </div>
+        </div>
+        """)
+        
+        # Footer
+        gr.HTML("""
+        <div style="text-align: center; padding: 20px; margin-top: 20px; color: #666; border-top: 1px solid #eee;">
+            <p style="margin: 0; font-size: 0.9em;">
+                Built with ❤️ for preserving Indian cultural heritage • 
+                <strong>Start contributing today!</strong>
+            </p>
+        </div>
+        """)
+    
+    return demo
 
 if __name__ == "__main__":
+    # Create and launch the Gradio interface
     demo = create_interface()
-    demo.launch(server_port=7860, server_name="0.0.0.0")
+    demo.launch(
+        server_port=7860,
+        server_name="0.0.0.0",
+        share=False,
+        show_error=True,
+        show_api=False
+    )