fv

app.py

@@ -132,32 +132,47 @@ def process_image(human_img_path, garm_img_path):
     return generated_image
 
 
-image_blocks = gr.Blocks().queue()
-with image_blocks as demo:
-    gr.HTML("<center><h1>Virtual Try-On</h1></center>")
-    gr.HTML("<center><p>Upload an image of a person and an image of a garment ✨</p></center>")
-    with gr.Row():
-        with gr.Column():
-            human_img = gr.Image(type="filepath", label='Human', interactive=True)
-            example = gr.Examples(
-                inputs=human_img,
-                examples_per_page=10,
-                examples=human_list_path
-            )
-
-        with gr.Column():
-            garm_img = gr.Image(label="Garment", type="filepath", interactive=True)
-            example = gr.Examples(
-                inputs=garm_img,
-                examples_per_page=8,
-                examples=garm_list_path)
-        with gr.Column():
-            image_out = gr.Image(label="Processed image", type="pil")
-
-    with gr.Row():
-        try_button = gr.Button(value="Try-on", variant='primary')
-
-    # Linking the button to the processing function
-    try_button.click(fn=process_image, inputs=[human_img, garm_img], outputs=image_out)
-
-image_blocks.launch(show_error=True)
+# Create the main interface
+with gr.Blocks() as demo:
+    with gr.Tabs():
+        with gr.TabItem("Virtual Try-On"):
+            gr.HTML("<center><h1>Virtual Try-On</h1></center>")
+            gr.HTML("<center><p>Upload an image of a person and an image of a garment ✨</p></center>")
+            with gr.Row():
+                with gr.Column():
+                    human_img = gr.Image(type="filepath", label='Human', interactive=True)
+                    example = gr.Examples(
+                        inputs=human_img,
+                        examples_per_page=10,
+                        examples=human_list_path
+                    )
+
+                with gr.Column():
+                    garm_img = gr.Image(label="Garment", type="filepath", interactive=True)
+                    example = gr.Examples(
+                        inputs=garm_img,
+                        examples_per_page=8,
+                        examples=garm_list_path)
+                with gr.Column():
+                    image_out = gr.Image(label="Processed image", type="pil")
+
+            with gr.Row():
+                try_button = gr.Button(value="Try-on", variant='primary')
+
+            # Linking the button to the processing function
+            try_button.click(fn=process_image, inputs=[human_img, garm_img], outputs=image_out)
+        
+        with gr.TabItem("Help"):
+            gr.HTML("""
+                <div style="text-align: center; padding: 20px;">
+                    <h1>Thank You!</h1>
+                    <p style="font-size: 18px; margin: 20px 0;">
+                        Thank you for using our Virtual Try-On application. We appreciate your support and hope you enjoy trying on different outfits virtually!
+                    </p>
+                    <p style="font-size: 16px; margin: 20px 0;">
+                        If you have any questions or need assistance, please don't hesitate to reach out to our support team.
+                    </p>
+                </div>
+            """)
+
+demo.launch(show_error=True)