Create app.py

app.py

@@ -0,0 +1,35 @@
+import gradio as gr
+from food_data import FOOD_ITEMS
+
+def get_food_details(name, image, nutrition):
+    """Returns the popup card details."""
+    return f"""
+    <div style='text-align: center;'>
+        <img src='{image}' alt='{name}' style='width: 100%; border-radius: 10px;'>
+        <h3>{name}</h3>
+        <p>{nutrition}</p>
+        <p style='color: gray;'>Portion Size: Standard</p>
+    </div>
+    """
+
+# Gradio Interface
+with gr.Blocks(theme="soft") as demo:
+    gr.Markdown("<h1 style='text-align:center;'>🍽️ Restaurant Menu 🍽️</h1>")
+    gr.Markdown("<p style='text-align:center;'>Explore our Vegetarian and Non-Vegetarian Dishes</p>")
+    
+    for category, items in FOOD_ITEMS.items():
+        gr.Markdown(f"<h2 style='color:#FF6347;'>{category} Menu</h2>")
+        
+        with gr.Row():
+            for item in items:
+                btn = gr.Button(f"{item['name']}", elem_id="menu-item")
+                popup = gr.HTML("")
+                
+                btn.click(fn=get_food_details, 
+                          inputs=[gr.Text(item['name']), gr.Text(item['image']), gr.Text(item['nutrition'])],
+                          outputs=popup)
+                popup.render()
+    
+    gr.Markdown("<p style='text-align:center; margin-top:20px;'>© 2024 Delicious Restaurant | Built with ❤️</p>")
+
+demo.launch()