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"  # Assuming 'Rubik' is the correct font setup
)

# Create Gradio blocks with custom CSS for enhanced UI
with gr.Blocks(theme=theme, title="RocketGPT - AI-Powered Chatbot") as demo:
    with gr.TabbedInterface() as 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>")

        tabs.add_tab(chat, "💬 SuperChat")
        tabs.add_tab(voice, "🗣️ Speech Generator")
        tabs.add_tab(image, "🖼️ Image Generator")
        tabs.add_tab(video, "🎥 Video Generator")
        tabs.add_tab(tryon, "🖼️Finegrain")

demo.queue(max_size=300)
demo.launch()