tab_how_oc_works.py

# tab_how_oc_works.py
import gradio as gr

def overview_video_component():
    return gr.HTML("""
        <div style="position: relative; padding-bottom: 56.25%; height: 0;">
            <iframe src="https://www.loom.com/embed/0b1ae013725f41f6ba1c89eec9c65567?sid=eac1f57a-e314-4fab-a399-f82e29de927b"
            frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>
        </div>
        """)

def how_oral_coach_works_tab():
    with gr.Tab("How Oral Coach Works"):
        gr.Markdown("## How Oral Coach Works")
        gr.Markdown("""
        This tool is designed to enhance students' oral language skills. Here's how it works:
        **Watch the Overview Video Below**:
        """)
        overview_video_component()