Update app.py

app.py

@@ -274,7 +274,9 @@ def create_sample_cards():
         {"title": "Smartphone Case", "brand": "ProtectMax", "desc": "Durable protection case for latest smartphones", "score": 0.89},
         {"title": "Running Shoes", "brand": "SportFit", "desc": "Comfortable running shoes for daily exercise", "score": 0.87},
         {"title": "Coffee Machine", "brand": "BrewMaster", "desc": "Automatic coffee machine with multiple settings", "score": 0.84},
-        {"title": "Laptop Stand", "brand": "DeskPro", "desc": "Adjustable aluminum laptop stand for ergonomic work", "score": 0.82}
+        {"title": "Laptop Stand", "brand": "DeskPro", "desc": "Adjustable aluminum laptop stand for ergonomic work", "score": 0.82},
+        {"title": "Wireless Mouse", "brand": "ClickPro", "desc": "Ergonomic wireless mouse with precision tracking", "score": 0.80},
+        {"title": "USB-C Hub", "brand": "ConnectMax", "desc": "Multi-port USB-C hub with 4K HDMI output", "score": 0.78}
     ]
     
     cards_html = "<h3>Recommended Products</h3><div style='display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;'>"
@@ -316,13 +318,6 @@ with gr.Blocks(title="Product Search", theme=gr.themes.Soft()) as demo:
         with gr.Column(scale=1):
             init_btn = gr.Button("🚀 Initialize System", variant="primary", size="lg")
             status = gr.Textbox(label="System Status", lines=2, interactive=False, value="Click to initialize...")
-            
-            gr.Markdown("### Quick Search")
-            quick_searches = ["bluetooth headphones", "gaming keyboard", "phone case", "running shoes"]
-            quick_btn1 = gr.Button(quick_searches[0], size="sm")
-            quick_btn2 = gr.Button(quick_searches[1], size="sm") 
-            quick_btn3 = gr.Button(quick_searches[2], size="sm")
-            quick_btn4 = gr.Button(quick_searches[3], size="sm")
         
         with gr.Column(scale=3):
             search_input = gr.Textbox(
@@ -345,6 +340,14 @@ with gr.Blocks(title="Product Search", theme=gr.themes.Soft()) as demo:
                 )
             
             search_btn = gr.Button("🔍 Search", variant="primary", size="lg")
+            
+            gr.Markdown("### Quick Search")
+            with gr.Row():
+                quick_searches = ["bluetooth headphones", "gaming keyboard", "phone case", "running shoes"]
+                quick_btn1 = gr.Button(quick_searches[0], size="sm")
+                quick_btn2 = gr.Button(quick_searches[1], size="sm") 
+                quick_btn3 = gr.Button(quick_searches[2], size="sm")
+                quick_btn4 = gr.Button(quick_searches[3], size="sm")
     
     # Results display
     results_display = gr.HTML(value=create_sample_cards())