Update app.py

app.py

@@ -128,19 +128,36 @@ def make_frontend(
 
     allow_flagging = "never"
 
-        # Build a customized browser interface to a Python function
+    textbox = gr.components.Textbox(label="Item Description")
+    gallery = gr.Gallery(label="Relevant Items", examples_per_row=4, show_labels=True)
+
+    # Build a customized browser interface to a Python function
     frontend = gr.Interface(
         fn=fn,
-        outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
-        inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
-        title="Fashion Aggregator",  
-        thumbnail=FAVICON,
+        outputs=gr.outputs.Group([gr.outputs.HTML(""), gallery]),
+        inputs=gr.inputs.Group([textbox]),
+        title="Fashion Aggregator",  # Update the title to a more descriptive name
+        thumbnail="./1001epochs.png",  # Replace with the path to your company logo image
         description="Discover your perfect apparel effortlessly. Simply describe what you're looking for!",
         cache_examples=False,
         allow_flagging=allow_flagging,
         flagging_options=["incorrect", "offensive", "other"],
     )
 
+
+    #     # Build a customized browser interface to a Python function
+    # frontend = gr.Interface(
+    #     fn=fn,
+    #     outputs=gr.Gallery(label="Relevant Items", show_labels=True, label_position="below"),
+    #     inputs=gr.inputs.Textbox(label="Item Description", placeholder="Enter item description here"),
+    #     title="Fashion Aggregator",  
+    #     thumbnail=FAVICON,
+    #     description="Discover your perfect apparel effortlessly. Simply describe what you're looking for!",
+    #     cache_examples=False,
+    #     allow_flagging=allow_flagging,
+    #     flagging_options=["incorrect", "offensive", "other"],
+    # )
+
         # Apply custom CSS styles to enhance the design and layout
     # frontend.styles(
     #     # Modify the styles according to your preferences