improve gradio interface

app.py

@@ -205,18 +205,21 @@ def webcam_input(frame, transform):
     return frame, face_shape, glass_shape
 
 # Gradio Interface
-with gr.Blocks() as demo:
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="purple", secondary_hue="blue")) as demo:
+    gr.Markdown("<h1 style='text-align: center; font-weight: bold;'>🤓 Glasses Virtual Try-On 🕶️👓</h1>")
     with gr.Column(elem_classes=["my-column"]):
         with gr.Group(elem_classes=["my-group"]):
             transform = gr.Dropdown(choices=["cartoon", "edges", "sepia", "negative", "sketch", "blur", "none"],
-                                    value="none", label="Transformation")
+                                    value="none", label="Select Filter")
+            gr.Markdown("Click the Webcam icon to start the camera, and then press the record button to start the virtual try-on.")
             input_img = gr.Image(sources=["webcam"], type="numpy", streaming=True)
+            gr.Markdown("Face Shape and Recommended Glass Shape")
             face_shape_output = gr.Textbox(label="Detected Face Shape")
             glass_shape_output = gr.Textbox(label="Recommended Glass Shape")
-            next_button = gr.Button("Next Glasses")
-            save_button = gr.Button("Save as a Picture")
+            next_button = gr.Button("Next Glasses➡️")
+            save_button = gr.Button("Save as a Picture📌")
 
-    input_img.stream(webcam_input, [input_img, transform], [input_img, face_shape_output, glass_shape_output], time_limit=30, stream_every=0.1)
+    input_img.stream(webcam_input, [input_img, transform], [input_img, face_shape_output, glass_shape_output], stream_every=0.1)
     with gr.Row():
         next_button.click(change_glasses, [], [])
     with gr.Row():
@@ -224,6 +227,3 @@ with gr.Blocks() as demo:
 
 if __name__ == "__main__":
     demo.launch(share=True)
-
-
-