Add initial layout

app.py

@@ -1,7 +1,36 @@
 import gradio as gr
 
-def greet(name):
-    return "Hello " + name + "!!"
+def update(name='default text'):
+    return f"Welcome to Gradio, {name}!"
 
-iface = gr.Interface(fn=greet, inputs="text", outputs="text")
-iface.launch()
+with gr.Blocks() as demo:
+    gr.Markdown("Introduzca la URL que tiene el contenido sobre el cual desea aprender.")
+    # with gr.Row():
+    inp_url = gr.Textbox(placeholder="URL")
+    btn_extract_text = gr.Button("Extraer texto")
+    gr.Markdown("Texto extraído.")
+    out_url_text = gr.Textbox()
+    btn_extract_text.click(fn=update, inputs=inp_url, outputs=out_url_text)
+
+    # Summary section
+    btn_summarize = gr.Button("Elaborar resumen")
+    out_summary = gr.Textbox()
+    btn_summarize.click(fn=update, inputs=out_url_text, outputs=out_summary)
+
+    # Question generation section
+    btn_question_gen = gr.Button("Pregúntame algo sobre el contenido")
+    out_question_gen = gr.Textbox()
+    btn_question_gen.click(fn=update, inputs=out_url_text, outputs=out_question_gen)
+    
+    btn_question_gen = gr.Button("Muestra contexto de la respuesta")
+    out_question_answer = gr.Textbox()
+    btn_question_gen.click(fn=update, outputs=out_question_answer)
+
+    # Question and answering
+    gr.Markdown("Haz preguntas sobre el contenido...")
+    inp_qna = gr.Textbox(placeholder="Escriba su pregunta aquí")
+    btn_qna = gr.Button("Responder")
+    out_qna = gr.Textbox()
+    btn_qna.click(fn=update, inputs=inp_qna, outputs=out_qna)
+
+demo.launch()