import gradio as gr menu_data = [ {"name": "Veg Burger", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/veg_burger.jpg", "description": "A delicious vegan burger with plant-based patty, lettuce, and tomato."}, {"name": "Chicken Biryani", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/chicken_biryani.jpg", "description": "Spicy chicken biryani with aromatic basmati rice and tender chicken pieces."}, {"name": "Paneer Butter Masala", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/paneer_butter_masala.jpg", "description": "Paneer cooked in a rich and creamy tomato-based gravy."}, {"name": "Beef Steak", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/beef_steak.jpg", "description": "Juicy beef steak served with mashed potatoes and grilled vegetables."}, {"name": "Mushroom Soup", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/mushroom_soup.jpg", "description": "Creamy mushroom soup with fresh herbs."}, {"name": "Tandoori Chicken", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/tandoori_chicken.jpg", "description": "Grilled chicken marinated in yogurt and spices, cooked in a tandoor."}, {"name": "Grilled Veggies", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/grilled_veggies.jpg", "description": "A healthy mix of grilled seasonal vegetables with olive oil."}, {"name": "Butter Naan", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/butter_naan.jpg", "description": "Soft and buttery flatbread, perfect to pair with any curry."}, {"name": "Fish Curry", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/fish_curry.jpg", "description": "Fresh fish cooked in a spicy and tangy curry."}, {"name": "Vegetable Salad", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/vegetable_salad.jpg", "description": "A mix of fresh greens, tomatoes, cucumbers, and a light dressing."}, {"name": "Veg Spring Rolls", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/veg_spring_rolls.jpg", "description": "Crispy spring rolls filled with fresh vegetables."}, {"name": "Chicken Kebab", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/chicken_kebab.jpg", "description": "Juicy chicken kebabs grilled to perfection with a mix of spices."}, {"name": "Dal Makhani", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/dal_makhani.jpg", "description": "Rich and creamy black lentils slow-cooked with spices."}, {"name": "Lamb Curry", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/lamb_curry.jpg", "description": "Tender lamb pieces cooked in a flavorful curry sauce."}, {"name": "Mixed Veg Curry", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/mixed_veg_curry.jpg", "description": "A medley of fresh vegetables cooked in a lightly spiced curry."}, {"name": "Chicken Wings", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/chicken_wings.jpg", "description": "Crispy chicken wings tossed in a tangy sauce."}, {"name": "Aloo Paratha", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/aloo_paratha.jpg", "description": "Indian flatbread stuffed with spiced mashed potatoes."}, {"name": "Egg Curry", "category": "HALAL", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/egg_curry.jpg", "description": "Boiled eggs cooked in a spiced tomato gravy."}, {"name": "Chickpea Salad", "category": "VEGAN", "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/chickpea_salad.jpg", "description": "A refreshing salad made with chickpeas, fresh vegetables, and herbs."} ] # The rest of the code remains unchanged def filter_dishes(category): if category == "ALL": return menu_data return [dish for dish in menu_data if dish["category"] == category] # Function to generate dish cards def display_dishes(category): filtered_dishes = filter_dishes(category) html_content = "
" for dish in filtered_dishes: html_content += f"""

{dish['name']}

{dish['description']}

{dish[
""" html_content += "
" return html_content # Main Gradio App with gr.Blocks() as demo: gr.HTML("

🍛 Biryani Hub Menu 🍛

") # Buttons for category selection with gr.Row(): btn_all = gr.Button("ALL") btn_vegan = gr.Button("VEGAN") btn_halal = gr.Button("HALAL") # Dish display dish_display = gr.HTML(value=display_dishes("ALL")) # JavaScript for managing the pop-up gr.HTML(""" """) # Button click events btn_all.click(lambda: gr.update(value=display_dishes("ALL")), outputs=dish_display) btn_vegan.click(lambda: gr.update(value=display_dishes("VEGAN")), outputs=dish_display) btn_halal.click(lambda: gr.update(value=display_dishes("HALAL")), outputs=dish_display) demo.launch()