Update app.py

app.py

@@ -1,24 +1,39 @@
 import gradio as gr
-from components.cards import create_food_card
-from components.data import FOOD_DATA
 
-# Function to render a card based on selected item
-def display_card(food_name):
-    return create_food_card(food_name)
+# Define menu items
+menu_items = [
+    {"name": "Chicken Butter Masala"},
+    {"name": "Chicken Biryani"},
+    {"name": "Dosa"},
+    {"name": "Aloo Curry"},
+]
 
-# Dropdown with food items
-food_items = list(FOOD_DATA.keys())
+# Create the Gradio interface
+def render_menu():
+    with gr.Blocks(css="""
+    .menu-item {
+        border: 2px solid black;
+        border-radius: 5px;
+        padding: 15px;
+        margin: 10px 0;
+        font-size: 18px;
+        font-weight: bold;
+        text-align: center;
+        background-color: #fff;
+    }
+    .menu-container {
+        margin-top: 20px;
+    }
+    """) as demo:
+        gr.Markdown("# Menu")
 
-# Gradio app interface
-with gr.Blocks(css="styles.css") as app:
-    gr.Markdown("# 🍽️ Indian & Chinese Food Nutritional Information")
-    gr.Markdown("### Click on a food item to explore its nutritional details.")
-    with gr.Row():
-        food_dropdown = gr.Dropdown(label="Select a Dish", choices=food_items)
-        display_area = gr.HTML()
+        with gr.Column(elem_id="menu-container"):
+            for item in menu_items:
+                with gr.Row(className="menu-item"):
+                    gr.Markdown(item["name"])
 
-    # Event to update the display area with card
-    food_dropdown.change(display_card, inputs=food_dropdown, outputs=display_area)
+    return demo
 
-# Run the app
-app.launch()
+# Render the app
+demo = render_menu()
+demo.launch()