bender/66dc75be-02dc-45a9-84dc-508d1acd843b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/menu/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-08 15:44:33 +00:00
parent bdcba9dd15
commit 5fa3be1ce7
1 changed files with 241 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

288
src/app/menu/page.tsx
View File

@@ -12,17 +12,15 @@ import { Flame, Calendar } from "lucide-react";
export default function MenuPage() {
const footerColumns = [
{
title: "Navigate",
items: [
title: "Navigate", items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "About", href: "/" },
{ label: "Gallery", href: "/" },
{ label: "About", href: "/about" },
{ label: "Gallery", href: "/gallery" },
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "HITEC City, Hyderabad", href: "#" },
{ label: "+91 XXXX XXXX XX", href: "tel:+919876543210" },
{ label: "hello@motakababi.com", href: "mailto:hello@motakababi.com" },
@@ -30,8 +28,7 @@ export default function MenuPage() {
],
},
{
title: "Hours",
items: [
title: "Hours", items: [
{ label: "Mon-Sun: 11 AM - 11 PM", href: "#" },
{ label: "Special Events Welcome", href: "#" },
{ label: "Private Dining Available", href: "#" },
@@ -39,8 +36,7 @@ export default function MenuPage() {
],
},
{
title: "Follow",
items: [
title: "Follow", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "Google Maps", href: "https://maps.google.com" },
@@ -67,9 +63,9 @@ export default function MenuPage() {
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "About", id: "/" },
{ name: "Gallery", id: "/" },
{ name: "Reservations", id: "/menu" },
{ name: "About", id: "/about" },
{ name: "Gallery", id: "/gallery" },
{ name: "Reservations", id: "/reservations" },
]}
brandName="MOTA KABABI"
bottomLeftText="HITEC City, Hyderabad"
@@ -77,45 +73,246 @@ export default function MenuPage() {
/>
</div>
<div id="menu-specialties" data-section="menu-specialties">
<div id="starters" data-section="starters">
<FeatureCardOne
title="Starters & Appetizers"
description="Delicious bite-sized preparations to awaken your palate. Perfect for sharing and savoring the flavors of MOTA KABABI."
tag="Appetizers"
tagIcon={Flame}
features={[
{
title: "Shami Kebab", description:
"Minced meat mixed with lentils and aromatic spices, fried until golden with a perfect crust.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Shami kebab with lentils"},
{
title: "Galauti Kebab", description:
"Soft, melt-in-mouth kebab made with finest meat paste and subtle spices. A delicacy from royal kitchens.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Galauti kebab plated elegantly"},
{
title: "Paneer Tikka", description:
"Cottage cheese cubes marinated in yogurt and spices, grilled to perfection with a smoky flavor.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Paneer tikka on skewers"},
{
title: "Seekh Kebab", description:
"Tender meat kebab molded on metal skewers and grilled over charcoal with traditional spice blends.", imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2", imageAlt: "Seekh kebab on grill"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="kebabs" data-section="kebabs">
<FeatureCardOne
title="Kebabs & Grilled Specialties"
description="Handpicked selections of our finest grilled meats, prepared with traditional Mughlai spices and cooked over charcoal flames"
description="Handpicked selections of our finest grilled meats, prepared with traditional Mughlai spices and cooked over charcoal flames."
tag="Mains"
tagIcon={Flame}
features={[
{
title: "Shami Kebab",
description:
"Minced meat mixed with lentils and aromatic spices, fried until golden with a perfect crust.",
imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2",
imageAlt: "Shami kebab with lentils",
},
title: "Tandoori Chicken", description:
"Whole chicken marinated in yogurt and spices, cooked in our traditional clay tandoor oven.", imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2", imageAlt: "Tandoori chicken preparation"},
{
title: "Seekh Kebab",
description:
"Tender meat kebab molded on metal skewers and grilled over charcoal with traditional spice blends.",
imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2",
imageAlt: "Seekh kebab on grill",
},
title: "Seekh Kebab Premium", description:
"Premium cut meat kebab molded on metal skewers and grilled over charcoal with finest spice blends.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Premium seekh kebab on grill"},
{
title: "Tandoori Chicken",
description:
"Whole chicken marinated in yogurt and spices, cooked in our traditional clay tandoor oven.",
imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2",
imageAlt: "Tandoori chicken preparation",
},
title: "Handi Kebab", description:
"Tender meat pieces slow-cooked in earthen pots with rich aromatic spices and traditional techniques.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Handi kebab in earthen pot"},
{
title: "Galauti Kebab",
description:
"Soft, melt-in-mouth kebab made with finest meat paste and subtle spices. A delicacy from royal kitchens.",
imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2",
imageAlt: "Galauti kebab plated elegantly",
},
title: "Charcoal Grilled Steak", description:
"Premium marinated steak grilled over charcoal, served with exotic sauces and fresh garnishes.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Charcoal grilled steak plated"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="grilled-specials" data-section="grilled-specials">
<FeatureCardOne
title="Grilled Specials"
description="Exclusive preparations from our grill masters. Combinations of premium meats, unique marinades, and traditional grilling techniques."
tag="Chef's Selection"
tagIcon={Flame}
features={[
{
title: "Mixed Grill Platter", description:
"Assorted grilled meats including seekh, tandoori, and specialty kebabs served on a single platter.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Mixed grill platter assortment"},
{
title: "Afghani Chicken", description:
"Whole chicken marinated in yogurt and spices, grilled with a smoky char and served with fresh naan.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Afghani chicken grilled whole"},
{
title: "Royal Biryani Kebab", description:
"Premium meat kebab infused with biryani spices, grilled to perfection with aromatic rice notes.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Royal biryani kebab plated"},
{
title: "Smoked Meat Specialty", description:
"House specialty featuring slow-smoked meats with secret spice blends and traditional cooking methods.", imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2", imageAlt: "Smoked meat specialty platter"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="curries" data-section="curries">
<FeatureCardOne
title="Curries & Gravies"
description="Rich, aromatic curries infused with roasted spices and slow-cooked to perfection. Authentic Mughlai preparations."
tag="Curries"
tagIcon={Flame}
features={[
{
title: "Nihari", description:
"Slow-cooked meat curry with aromatic spices, traditionally served for breakfast with fresh naan.", imageSrc:
"http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg?_wi=2", imageAlt: "Rich nihari curry bowl"},
{
title: "Paya Curry", description:
"Tender meat trotters slow-cooked in rich gravy with traditional spices for hours until perfection.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Paya curry traditional dish"},
{
title: "Korma", description:
"Creamy meat curry with yogurt, cream, and aromatic spices. A mild yet flavorful Mughlai classic.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Creamy korma curry plated"},
{
title: "Rogan Josh", description:
"Medium-spiced meat curry with tomatoes and aromatic spices, balanced flavors and rich gravy.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Rogan josh curry served"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="biryani" data-section="biryani">
<FeatureCardOne
title="Biryani Specialties"
description="Fragrant rice dishes layered with succulent meat, cooked in our signature masala blend. A complete meal in one pot."
tag="Rice Dishes"
tagIcon={Flame}
features={[
{
title: "Hyderabadi Biryani", description:
"Traditional Hyderabadi biryani with tender meat and fragrant basmati rice cooked with our secret spice blend.", imageSrc:
"http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg?_wi=2", imageAlt: "Traditional biryani rice and meat"},
{
title: "Dum Pukht Biryani", description:
"Slow-cooked biryani using traditional dum pukht technique with sealed pot cooking for aromatic perfection.", imageSrc:
"http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg?_wi=2", imageAlt: "Dum pukht biryani aromatic rice"},
{
title: "Lucknowi Biryani", description:
"Lighter Lucknowi style biryani with premium ingredients and delicate spice balance cooked to perfection.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-rice-dates-arrangement_23-2148728149.jpg?_wi=2", imageAlt: "Lucknowi biryani elegant plated"},
{
title: "Awadhi Biryani", description:
"Royal Awadhi style biryani with premium meat cuts and aromatic rice in traditional imperial recipe.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Awadhi biryani royal preparation"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="breads" data-section="breads">
<FeatureCardOne
title="Breads & Accompaniments"
description="Freshly baked traditional breads and accompaniments prepared in our tandoor and kitchen."
tag="Breads"
tagIcon={Flame}
features={[
{
title: "Tandoori Naan", description:
"Soft, freshly baked naan bread from our traditional tandoor oven with butter and herbs.", imageSrc:
"http://img.b2bpic.net/free-photo/bread-cooked-meat_23-2148599803.jpg?_wi=2", imageAlt: "Tandoori naan fresh baked"},
{
title: "Rumali Roti", description:
"Thin, paper-like bread traditionally used for wrapping kebabs. Light and perfect complement to grilled items.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Rumali roti thin bread"},
{
title: "Paratha", description:
"Flaky layered bread cooked on griddle with butter. Perfect for soaking gravies and curries.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Paratha flaky layered bread"},
{
title: "Roti & Raita", description:
"Simple whole wheat bread with cooling yogurt-based raita. A refreshing accompaniment to spicy mains.", imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2", imageAlt: "Roti with yogurt raita"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="desserts" data-section="desserts">
<FeatureCardOne
title="Desserts & Sweets"
description="Traditional Indian sweets and desserts to conclude your meal. Freshly prepared using authentic recipes."
tag="Desserts"
tagIcon={Flame}
features={[
{
title: "Kheer", description:
"Creamy rice pudding made with condensed milk, cardamom, and garnished with dry fruits. A classic finale.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-rice-dates-arrangement_23-2148728149.jpg?_wi=2", imageAlt: "Kheer rice pudding dessert"},
{
title: "Gulab Jamun", description:
"Soft, spongy milk solids fried and soaked in aromatic sugar syrup with cardamom and rose water.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Gulab jamun sweet dessert"},
{
title: "Phirni", description:
"Fragrant ground rice pudding served chilled with rose petals and dry fruits. Light and refreshing.", imageSrc:
"http://img.b2bpic.net/free-photo/spices-lime-near-rice-dishes_23-2147894716.jpg?_wi=2", imageAlt: "Phirni chilled pudding dessert"},
{
title: "Malpua & Rabri", description:
"Sweet fried pancakes soaked in cardamom syrup, served with thick condensed milk. An indulgent treat.", imageSrc:
"http://img.b2bpic.net/free-photo/flat-lay-pakistan-meal-assortment_23-2148821515.jpg?_wi=2", imageAlt: "Malpua with rabri traditional"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="beverages" data-section="beverages">
<FeatureCardOne
title="Beverages"
description="Refreshing traditional and contemporary drinks to complement your meal. Specially crafted for the perfect dining experience."
tag="Drinks"
tagIcon={Flame}
features={[
{
title: "Masala Chai", description:
"Aromatic traditional Indian tea brewed with milk, spices, and ginger. The perfect warm beverage.", imageSrc:
"http://img.b2bpic.net/free-photo/top-view-frame-with-tasty-kebab-herbs_23-2148685486.jpg?_wi=2", imageAlt: "Masala chai traditional tea"},
{
title: "Mango Lassi", description:
"Creamy yogurt-based drink blended with fresh mango and cardamom. Cooling and refreshing.", imageSrc:
"http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974680.jpg?_wi=2", imageAlt: "Mango lassi yogurt drink"},
{
title: "Rooh Afza Sherbet", description:
"Traditional aromatic drink with rose and herbs, served chilled. A heritage beverage from Indian cuisine.", imageSrc:
"http://img.b2bpic.net/free-photo/pork-kebab-plate-juicy-delicious-food_132075-14704.jpg?_wi=2", imageAlt: "Rooh afza sherbet chilled drink"},
{
title: "Fresh Lime Water", description:
"Refreshing freshly squeezed lime juice with mineral water, salt, and spices. Perfect palate cleanser.", imageSrc:
"http://img.b2bpic.net/free-photo/fried-chicken-with-onions-pomegranate_140725-2961.jpg?_wi=2", imageAlt: "Fresh lime water refreshing"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -128,10 +325,7 @@ export default function MenuPage() {
<TextSplitAbout
title="Complete Culinary Journey"
description={[
"Our menu celebrates the diverse flavors of Mughlai cuisine, from the royal courts of Delhi to the streets of Hyderabad. Each dish is a masterpiece crafted by our experienced chefs.",
"We offer everything from classic meat preparations to fragrant rice dishes. Every ingredient is carefully selected to ensure authenticity and premium quality. Your dining experience at MOTA KABABI is a journey through generations of culinary excellence.",
"Complement your meal with our selection of traditional beverages, desserts, and breads. We also offer special menu items for vegetarians and customizable options for dietary preferences.",
]}
"Our menu celebrates the diverse flavors of Mughlai cuisine, from the royal courts of Delhi to the streets of Hyderabad. Each dish is a masterpiece crafted by our experienced chefs.", "We offer everything from classic meat preparations to fragrant rice dishes, refreshing beverages, and indulgent desserts. Every ingredient is carefully selected to ensure authenticity and premium quality. Your dining experience at MOTA KABABI is a journey through generations of culinary excellence.", "Complement your meal with our selection of traditional beverages, desserts, and breads. We also offer special menu items for vegetarians and customizable options for dietary preferences."]}
buttons={[{ text: "Order Now", href: "/contact" }]}
showBorder={true}
useInvertedBackground={false}