Update app.py

app.py

@@ -38,18 +38,25 @@ def like_button_interface(request: gr.Request):
 
 # Create the Gradio interface
 with gr.Blocks(css=css, title=f"{company_info['name']} Virtual Try-On", theme=gr.themes.Ocean()) as demo:
-    gr.Markdown(f"""
-    <div style="display: flex; align-items: center;">
-        <img src="https://avatars.githubusercontent.com/u/211682198?s=200&v=4" style="width: 80px; margin-right: 20px;"/>
-        <div>
-            <h1 style="margin-bottom: 0;">{company_info['name']} Virtual Try-On 👕 👗</h1>
-            <p style="margin-top: 0; color: #636e72;">Try on complete outfits with our AI-powered virtual try-on technology</p>
-        </div>
-    </div>
-    """)
+    with gr.Row():
+        with gr.Column(0.7):
+            gr.Markdown(f"""
+                <div style="display: flex; align-items: center;">
+                    <img src="https://avatars.githubusercontent.com/u/211682198?s=200&v=4" style="width: 80px; margin-right: 20px;"/>
+                    <div>
+                        <h1 style="margin-bottom: 0;">{company_info['name']} Virtual Try-On 👕 👗</h1>
+                        <p style="margin-top: 0; color: #636e72;">Try on complete outfits with our AI-powered virtual try-on technology</p>
+                    </div>
+                </div>
+                """)
 
-    # Instructions
-    gr.HTML(create_instructions_html())
+            gr.HTML(create_instructions_html())
+        with gr.Column(0.3):
+            gr.Markdown(f"""
+                <div style="display: flex; align-items: center;">
+                    <img src="https://miragic.ai/products/qrcode-vto.png" style="width: 450px; margin-left: 100px;"/>
+                </div>
+                """)
     
     with gr.Row(elem_id="col-container"):
         # Step 1: Person Image