import gradio as gr

# 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"]  # Correctly passing as a list or using GoogleFont
)

# Create Gradio blocks with custom CSS for enhanced UI
with gr.Blocks(
    theme=theme,
    title="RocketGPT - AI-Powered Chatbot",
    css="""
        .gradio-container {background-color: #f0f4f8; padding: 20px;}
        h1, h2, h3, h4, h5, h6 {color: #4a5568;}
        .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")

    # Define individual tabs as separate Blocks
    with gr.Tabs():
        with gr.Tab("💬 Chat"):
            gr.HTML("""
                <iframe src='https://Qwen-QwQ-32B-preview.hf.space' 
                        width='100%' height='800px' 
                        style='border-radius: 8px; border: none;'></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.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.Tab("🎥 Video Generator"):
            gr.HTML("""
                <iframe src='https://kingnish-instant-video.hf.space' 
                        width='100%' height='800px' 
                        style='border-radius: 8px; border: none;'></iframe>
            """)

        with gr.Tab("👨‍💻 Website Generator"):
            gr.HTML("""
                <iframe src='https://Qwen-Qwen2.5-Coder-Artifacts.hf.space' 
                        width='100%' height='800px' 
                        style='border-radius: 8px; border: none;'></iframe>
            """)

# Launch the app with queue support
demo.queue(max_size=300)
demo.launch()