Update app.py

app.py

@@ -122,6 +122,18 @@ css = """
 #prompt {
     margin-bottom: 20px;
 }
+
+#external-links {
+    margin-bottom: 20px;
+    display: flex;
+    gap: 10px;
+}
+
+#external-links .gradio-button {
+    flex: 1;
+    display: block;
+    width: 100%;
+}
 """
 
 with gr.Blocks(css=css) as demo:
@@ -130,6 +142,12 @@ with gr.Blocks(css=css) as demo:
         with gr.Column(elem_id="left-column"):
             gr.Markdown("""# Rainbow Media X""")
 
+            # Add buttons for external links above the prompt
+            with gr.Row(elem_id="external-links"):
+                link_button_1 = gr.Button("Go to Space 1", elem_id="link-1", url="https://example.com/space1")
+                link_button_2 = gr.Button("Go to Space 2", elem_id="link-2", url="https://example.com/space2")
+                link_button_3 = gr.Button("Go to Space 3", elem_id="link-3", url="https://example.com/space3")
+
             # Display result image at the top
             result = gr.Image(label="Result", show_label=False, elem_id="result")