Update app.py

app.py

@@ -38,12 +38,28 @@ def gradio_interface(file, json_structure):
         return "Please upload an Excel file."
     return send_excel_to_api(file.name, json_structure)
 
-# Create the Gradio interface
-iface = gr.Interface(
-    fn=gradio_interface,
-    inputs=[
-        gr.File(label="Upload Excel File"),
-        gr.Code(label="JSON Structure", language="json", lines=15, value='''{
+# Custom color for the theme
+custom_purple = "#7f56d9"
+
+# Create the Gradio interface using Blocks
+with gr.Blocks(theme=gr.themes.Default(primary_hue="purple", secondary_hue="purple")) as demo:
+    gr.Markdown(
+        """
+        <div style="text-align: center;">
+            <img src="https://copilot.nebuia.com/images/logo_white.png" style="max-height: 400px; max-width: 120px; object-fit: contain;">
+        </div>
+        
+        ## NebuIA Excel Structure Extractor
+        Upload an Excel file and provide a JSON structure to send to the API.
+        """
+    )
+    with gr.Row():
+        file_input = gr.File(label="Upload Excel File")
+        json_input = gr.Code(
+            label="JSON Structure", 
+            language="json", 
+            lines=15, 
+            value='''{
     "activo a corto plazo": {
         "valor inventarios - ejercicio 2023": "",
         "valor inventarios - ejercicio 2022": ""
@@ -54,12 +70,13 @@ iface = gr.Interface(
     },
     "perdida_del_ejercicio": "",
     "rfc": ""
-}''')
-    ],
-    outputs=gr.Textbox(label="API Response", lines=10),
-    title="NebuIA Excel Structure Extractor",
-    description="Upload an Excel file and provide a JSON structure to send to the API."
-)
+}'''
+        )
+    
+    output = gr.Textbox(label="API Response", lines=10)
+    submit_btn = gr.Button("Submit")
+    
+    submit_btn.click(fn=gradio_interface, inputs=[file_input, json_input], outputs=output)
 
 # Launch the interface
-iface.launch()
+demo.launch()