Update app.py

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 import pandas as pd
 
-# Function to load menu data from Excel
+# Load menu data from Excel
 def load_menu():
     try:
         return pd.read_excel("menu.xlsx")  # Ensure menu.xlsx exists in the same directory
@@ -24,11 +24,11 @@ def filter_menu(preference):
     html_content = ""
     for _, item in filtered_data.iterrows():
         html_content += f"""
-        <div class="menu-item">
-            <img src="{item['Image URL']}" alt="{item['Dish Name']}" class="dish-image">
-            <h3>{item['Dish Name']}</h3>
-            <p>{item['Description']}</p>
-            <p><strong>${item['Price ($)']}</strong></p>
+        <div class="menu-card">
+            <img src="{item['Image URL']}" alt="{item['Dish Name']}" class="menu-image">
+            <h3 class="menu-title">{item['Dish Name']}</h3>
+            <p class="menu-description">{item['Description']}</p>
+            <p class="menu-price"><strong>${item['Price ($)']}</strong></p>
             <button onclick="showModal('{item['Dish Name']}')" class="add-button">Add</button>
         </div>
         """
@@ -52,9 +52,9 @@ def get_dish_details(dish_name):
 # Main Gradio app
 def app():
     with gr.Blocks(css="style.css") as demo:
-        gr.Markdown("## Dynamic Menu with Modal Window")
+        gr.Markdown("## Dynamic Menu with Modal Suggestion Page")
 
-        # Home page menu
+        # Homepage
         preference_selector = gr.Radio(
             choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
             value="All",
@@ -62,7 +62,7 @@ def app():
         )
         menu_output = gr.HTML(value=filter_menu("All"))
 
-        # Modal (hidden by default)
+        # Modal Window
         modal = gr.Column(visible=False, elem_classes=["popup"])
         modal_image = gr.Image(label="Dish Image")
         modal_name = gr.Markdown()