Update app.py

app.py

@@ -209,8 +209,20 @@ def generate_dashboard():
 
 # Gradio Interfaces
 with gr.Blocks() as app:
+    # Add a logo or banner image
+    gr.Markdown("""
+    <div style="text-align: center;">
+        <img src="https://via.placeholder.com/800x200.png?text=Circular+Economy+Marketplace" alt="Banner" style="width: 100%; max-width: 800px;">
+    </div>
+    """)
     gr.Markdown("# 🔐 Circular Economy Marketplace")
     with gr.Tab("Login/Register"):
+        # Add an image to the Login/Register tab
+        gr.Markdown("""
+        <div style="text-align: center;">
+            <img src="https://miro.medium.com/v2/resize:fit:1157/0*DmOXUHYIA7vl5QgR.jpeg?text=Login+or+Register" alt="Login/Register" style="width: 100%; max-width: 400px;">
+        </div>
+        """)
         with gr.Tab("Register"):
             reg_username = gr.Textbox(label="Username")
             reg_password = gr.Textbox(label="Password", type="password")
@@ -254,11 +266,23 @@ with gr.Blocks() as app:
         pricing_btn = gr.Button("Predict")
         pricing_btn.click(predict_price, inputs=pricing_inputs, outputs=pricing_output)
     with gr.Tab("Product Recommendation"):
+        # Add an image to the Product Recommendation tab
+        gr.Markdown("""
+        <div style="text-align: center;">
+            <img src="https://wizzy.ai/blog/wp-content/uploads/2021/04/Product-Recommendation-Implementation.jpg?text=Product+Recommendations" alt="Product Recommendations" style="width: 100%; max-width: 400px;">
+        </div>
+        """)
         recommendation_input = gr.Dropdown(choices=df_recommendation['category'].unique().tolist(), label="Select Product Category")
         recommendation_output = gr.Dataframe()
         recommendation_btn = gr.Button("Recommend")
         recommendation_btn.click(recommend_products, inputs=recommendation_input, outputs=recommendation_output)
     with gr.Tab("Circular Economy Analytics"):
+        # Add an image to the Analytics tab
+        gr.Markdown("""
+        <div style="text-align: center;">
+            <img src="https://www.pngrepo.com/download/219294/analysis-chart.png?text=Analytics+Dashboard" alt="Analytics" style="width: 100%; max-width: 400px;">
+        </div>
+        """)
         dashboard_outputs = [
             gr.Plot(label="Product Lifecycle Analytics"),
             gr.Plot(label="Dynamic Pricing Insights"),