app.py

import gradio as gr

# Fungsi untuk tab "Home"
def home_content():
    return "Selamat datang di halaman Home!"

# Fungsi untuk tab "Coba sekarang"
def coba_sekarang_content():
    return "Ini adalah halaman 'Coba sekarang'!"

# Membuat antarmuka dengan tab
with gr.Blocks() as demo:
    with gr.Tab("Home"):
        with gr.Column():
            gr.Markdown("### Home Page")
            gr.Textbox(home_content, label="Home", elem_id="home_box")

    with gr.Tab("Coba sekarang"):
        with gr.Column():
            gr.Markdown("### Coba sekarang")
            gr.Textbox(coba_sekarang_content, label="Coba sekarang", elem_id="coba_sekarang_box")

    # Menggunakan CSS untuk mengganti warna latar belakang tiap tab
    demo.css = """
    #home_box {
        background-color: lightblue;
    }
    #coba_sekarang_box {
        background-color: lightgreen;
    }
    """

# Menjalankan aplikasi Gradio
demo.launch()