import gradio as gr

# Define Gradio theme
theme = gr.themes.Soft(
    primary_hue="indigo",
    secondary_hue="emerald",
    neutral_hue="gray",
    font="Rubik"  # Make sure "Rubik" is a valid font
)

# 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 chat:
        gr.Markdown("### 💬 SuperChat")
        gr.HTML("<iframe src='https://Qwen-QwQ-32B-preview.hf.space' width='100%' height='800px' style='border-radius: 8px;'></iframe>")

    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>")

    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.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.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>")

    # Create a tabbed interface
    gr.TabbedInterface(
        interface_list=[chat, voice, image, video, tryon], 
        tab_names=["💬 SuperChat", "🗣️ Speech Generator", "🖼️ Image Generator", "🎥 Video Generator", "🖼️ Finegrain"]
    )

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