import gradio as gr # Menu data 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.", "price": "$8.99"}, {"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.", "price": "$12.99"}, {"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.", "price": "$10.99"}, {"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.", "price": "$15.99"}, {"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.", "price": "$7.99"}, {"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.", "price": "$11.99"}, {"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.", "price": "$9.99"}, {"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.", "price": "$2.99"}, {"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.", "price": "$13.99"}, {"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.", "price": "$6.99"}, {"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.", "price": "$5.99"}, {"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.", "price": "$9.99"}, {"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.", "price": "$8.99"}, {"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.", "price": "$14.99"}, {"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.", "price": "$9.99"}, {"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.", "price": "$12.99"}, {"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.", "price": "$3.99"}, {"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.", "price": "$9.99"}, {"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.", "price": "$7.99"} ] # Spice levels and extras spice_levels = ["American Mild", "American Medium", "American Spicy", "Indian Mild", "Indian Medium", "Indian Spicy", "Indian Very Spicy"] extras = [ {"name": "Extra Raitha 4oz", "price": "$1.00"}, {"name": "Extra Raitha 8oz", "price": "$2.00"}, {"name": "Extra Salan 4oz", "price": "$1.00"}, {"name": "Extra Salan 8oz", "price": "$2.00"}, {"name": "Extra Onion", "price": "$1.00"}, {"name": "Extra Onion & Lemon", "price": "$2.00"}, {"name": "Extra Fried Onion 4oz", "price": "$2.00"}, ] # Filter dishes by category def filter_dishes(category): if category == "ALL": return menu_data return [dish for dish in menu_data if dish["category"] == category] # Generate dish cards with "Add" button def display_dishes(category): filtered_dishes = filter_dishes(category) html_content = "
" for dish in filtered_dishes: html_content += f"""

{dish['name']}

{dish['description']}

Price: {dish['price']}

{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(f""" """) # 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()