Update app.py

app.py

@@ -24,8 +24,8 @@ menu_data = [
      "spice_level": "Mild", "portion_size": "Small"}
 ]
 
-spice_options = ["Mild", "Medium", "High"]
-portion_options = ["Small", "Medium", "Large"]
+spice_options = ["🌶 Mild", "🌶🌶 Medium", "🌶🌶🌶 High"]
+portion_options = ["🧆 Small", "🍽 Medium", "🍛 Large"]
 
 # Function to filter dishes based on category
 def filter_dishes(category):
@@ -40,11 +40,11 @@ def display_dishes(category):
     for dish in filtered_dishes:
         html_content += f"""
         <div style='margin: 10px; text-align: center; cursor: pointer; border: 1px solid #ddd; 
-                    padding: 10px; border-radius: 10px; width: 200px;'
+                    padding: 10px; border-radius: 10px; width: 200px; background-color: #f9f9f9;'
              onclick='selectDish("{dish['name']}")'>
             <img src='{dish['image']}' alt='{dish['name']}' 
                  style='width: 180px; height: 120px; object-fit: cover; border-radius: 10px;'>
-            <h4 style='margin-top: 10px; font-size: 16px;'>{dish['name']}</h4>
+            <h4 style='margin-top: 10px; font-size: 16px; color: #444;'>{dish['name']}</h4>
         </div>
         """
     html_content += "</div>"
@@ -54,16 +54,16 @@ def display_dishes(category):
 def get_dish_details(dish_name):
     for dish in menu_data:
         if dish["name"] == dish_name:
-            return (dish["image"], dish["name"], dish["description"], dish["spice_level"], dish["portion_size"])
+            return (dish["image"], dish["name"], dish["description"], "🌶 Medium", "🍽 Regular")
     return ("https://via.placeholder.com/300x200", "Unknown Dish", "No description available.", "N/A", "N/A")
 
 # Function to simulate placing an order
 def place_order(dish_name, spice_level, portion_size):
-    return f"Your order for '{dish_name}' with {spice_level} spice level and {portion_size} portion size has been placed successfully!"
+    return f"✅ Order Confirmed: '{dish_name}' with {spice_level} spice level and {portion_size} portion size."
 
 # Main Gradio App
 with gr.Blocks() as demo:
-    gr.HTML("<h1 style='text-align: center;'>Biryani Hub Menu</h1>")
+    gr.HTML("<h1 style='text-align: center; color: #333;'>🍛 Biryani Hub Menu 🍛</h1>")
 
     # Buttons for category selection
     gr.Markdown("### Select a Category")
@@ -83,8 +83,8 @@ with gr.Blocks() as demo:
         with gr.Column():
             dish_name = gr.Textbox(label="Dish Name", interactive=False)
             dish_description = gr.Textbox(label="Description", interactive=False)
-            spice_dropdown = gr.Dropdown(label="Select Spice Level", choices=spice_options)
-            portion_dropdown = gr.Dropdown(label="Select Portion Size", choices=portion_options)
+            spice_dropdown = gr.Radio(label="Select Spice Level", choices=spice_options, value="🌶 Medium")
+            portion_dropdown = gr.Radio(label="Select Portion Size", choices=portion_options, value="🍽 Medium")
 
     # Place Order Button
     place_order_btn = gr.Button("Place Order")
@@ -123,5 +123,4 @@ with gr.Blocks() as demo:
     </script>
     """)
 
-# Launch the app
 demo.launch()