Update app.py

app.py

@@ -1,68 +1,65 @@
 import gradio as gr
 
-# Example inference function
-def model_inference(message):
-    # Example logic for processing user messages
-    return f"You said: {message}"
-
-# Example chatbot configuration (if needed)
-chatbot = None
-
-# Example inputs
-EXAMPLES = ["Hello!", "How are you?", "Tell me a joke."]
-
-# Define Gradio theme
+# Define Gradio theme with valid color shortcuts and custom fonts
 theme = gr.themes.Soft(
     primary_hue="indigo",
     secondary_hue="emerald",
     neutral_hue="gray",
-    font=["Rubik"]  # Font as a list
+    font=["Rubik"]  # Correctly passing as a list or using GoogleFont
 )
 
 # Create Gradio blocks with custom CSS for enhanced UI
 with gr.Blocks(
-    css=""" 
+    theme=theme,
+    title="RocketGPT - AI-Powered Chatbot",
+    css="""
         .gradio-container {background-color: #f0f4f8; padding: 20px;}
         h1, h2, h3, h4, h5, h6 {color: #4a5568;}
-        .chat-message {background-color: #edf2f7; border-radius: 8px; padding: 10px;}
-    """,
-) as chat:
-    gr.Markdown("### 💬 SuperChat - A Chatbot Interface")
-    gr.ChatInterface(
-        fn=model_inference,  # Defined above
-        chatbot=chatbot,  # Set to None for now
-        examples=EXAMPLES,  # Example inputs
-        multimodal=True,
-        cache_examples=False,
-        autofocus=False,
-        concurrency_limit=10,
-    )
+        .gradio-container .avatar-container {height: 40px; width: 40px; border-radius: 50%; overflow: hidden;}
+        #duplicate-button {margin: auto; color: white; background: #2d3748; border-radius: 100vh; padding: 8px 16px;}
+        .tab-nav-button {background-color: #e2e8f0; border-radius: 8px;}
+        .tab-nav-button.selected {background-color: #cbd5e0;}
+    """
+) as demo:
+    gr.Markdown("# 🚀 RocketGPT  - AI-Powered Chatbot")
 
-# Create Gradio blocks with custom CSS for enhanced UI
-with gr.Blocks(theme=theme, title="RocketGPT - AI-Powered Chatbot") as demo:
-    # Define individual tabs
-    with gr.Blocks() as voice:
-        gr.Markdown("### 🎙️ Speech Generator")
-        gr.HTML("<iframe src='https://wifix199-Text-to-speech-LuminaIQ.hf.space' width='100%' height='800px' style='border-radius: 8px;'></iframe>")
+    # Define individual tabs as separate Blocks
+    with gr.Tabs():
+        with gr.Tab("💬 SuperChat"):
+            gr.HTML("""
+                <iframe src='https://Qwen-QwQ-32B-preview.hf.space' 
+                        width='100%' height='800px' 
+                        style='border-radius: 8px; border: none;'></iframe>
+            """)
 
-    with gr.Blocks() as image:
-        gr.Markdown("### 🖼️ Image Generator")
-        gr.HTML("<iframe src='https://wifix199-Text-to-image-LuminaIQ.hf.space' width='100%' height='800px' style='border-radius: 8px;'></iframe>")
+        with gr.Tab("🗣️ Speech Generator"):
+            gr.HTML("""
+                <iframe src='https://wifix199-Text-to-speech-LuminaIQ.hf.space' 
+                        width='100%' height='800px' 
+                        style='border-radius: 8px; border: none;'></iframe>
+            """)
 
-    with gr.Blocks() as video:
-        gr.Markdown("### 📹 Video Engine")
-        gr.HTML("<iframe src='https://kingnish-instant-video.hf.space' width='100%' height='800px' style='border-radius: 8px;'></iframe>")
+        with gr.Tab("🖼️ Image Generator"):
+            gr.HTML("""
+                <iframe src='https://wifix199-Text-to-image-LuminaIQ.hf.space' 
+                        width='100%' height='800px' 
+                        style='border-radius: 8px; border: none;'></iframe>
+            """)
 
-    with gr.Blocks() as tryon:
-        gr.Markdown("### 🖼️ Finegrain")
-        gr.HTML("<iframe src='https://finegrain-finegrain-object-cutter.hf.space' width='100%' height='800px' style='border-radius: 8px;'></iframe>")
+        with gr.Tab("🎥 Video Generator"):
+            gr.HTML("""
+                <iframe src='https://kingnish-instant-video.hf.space' 
+                        width='100%' height='800px' 
+                        style='border-radius: 8px; border: none;'></iframe>
+            """)
 
-    # Create a tabbed interface
-    gr.TabbedInterface(
-        interface_list=[chat, voice, image, video, tryon],
-        tab_names=["💬 SuperChat", "🗣️ Speech Generator", "🖼️ Image Generator", "🎥 Video Generator", "🖼️ Finegrain"]
-    )
+        with gr.Tab("🖼️ Finegrain"):
+            gr.HTML("""
+                <iframe src='https://finegrain-finegrain-object-cutter.hf.space' 
+                        width='100%' height='800px' 
+                        style='border-radius: 8px; border: none;'></iframe>
+            """)
 
-# Launch the app
+# Launch the app with queue support
 demo.queue(max_size=300)
-demo.launch()
+demo.launch(server_name="0.0.0.0", server_port=7860, share=True)