fix: responsive Signaturmeny title + translated menu item descriptions
- Make 'Signaturmeny' h2 responsive (smaller base font + break-words) so it doesn't overflow on mobile. - Add signatureMenuItems and menuDescriptions to translations (en/sv + fallbacks for hi/ur). - Update homepage signature cards and full menu page to use translated descriptions (while keeping dish names unchanged as requested). - Swedish descriptions now active by default.
This commit is contained in:
Zeeshan Khan
+1
-1
@@ -286,7 +286,7 @@ export default function MenuPage() {
|
||||
|
||||
{item.description && (
|
||||
<p className="text-[#6B665F] text-[15px] leading-relaxed mb-5">
|
||||
{item.description}
|
||||
{(t as any).menuDescriptions?.[item.id] || item.description}
|
||||
</p>
|
||||
)}
|
||||
|
||||
|
||||
+3
-3
@@ -228,7 +228,7 @@ export default function ShahiKitchenHomepage() {
|
||||
<div className="mb-3 inline-flex items-center gap-2 rounded-full bg-[#fff6dc] px-4 py-1.5 text-sm font-semibold text-[#60420d]">
|
||||
<UtensilsCrossed className="h-4 w-4" /> {t.signatureMenu.title}
|
||||
</div>
|
||||
<h2 className="font-serif text-6xl leading-none tracking-[-0.055em] md:text-7xl">{t.signatureMenu.title}</h2>
|
||||
<h2 className="font-serif text-5xl leading-none tracking-[-0.055em] sm:text-6xl md:text-7xl break-words">{t.signatureMenu.title}</h2>
|
||||
</div>
|
||||
<p className="max-w-md text-lg font-medium text-[#4b5563]">{t.signatureMenu.subtitle}</p>
|
||||
</div>
|
||||
@@ -241,7 +241,7 @@ export default function ShahiKitchenHomepage() {
|
||||
onClick={() => setMenuFilter(cat as any)}
|
||||
className={`flex-shrink-0 snap-start rounded-full px-5 py-2.5 text-sm font-bold transition-all active:scale-[0.97] touch-manipulation ${menuFilter === cat ? "bg-[#101724] text-white" : "border border-[#e5e1d7] bg-white text-[#182235] hover:border-[#c99a2e] hover:bg-[#fff6dc] active:bg-[#fff6dc]"}`}
|
||||
>
|
||||
{cat}
|
||||
{(t.signatureMenu as any)[`filter${cat}`] || cat}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
@@ -273,7 +273,7 @@ export default function ShahiKitchenHomepage() {
|
||||
<h4 className="text-[21px] leading-tight tracking-[-0.5px] mb-2 group-hover:text-[#B38B4D] transition-colors">
|
||||
{dish.name}
|
||||
</h4>
|
||||
<p className="text-[#6B665F] text-[13.5px] leading-snug flex-1">{dish.desc}</p>
|
||||
<p className="text-[#6B665F] text-[13.5px] leading-snug flex-1">{(t.signatureMenuItems as any)?.[dish.id] || dish.desc}</p>
|
||||
|
||||
<button
|
||||
onClick={(e) => { e.stopPropagation(); addDish(dish); }}
|
||||
|
||||
@@ -39,10 +39,33 @@ export const translations = {
|
||||
filterRice: 'Rice',
|
||||
filterGrill: 'Grill',
|
||||
filterSweet: 'Sweet',
|
||||
filterMeat: 'Meat',
|
||||
filterStreet: 'Street',
|
||||
filterRoll: 'Roll',
|
||||
addToTable: 'Add to Table',
|
||||
viewFullMenu: 'VIEW THE COMPLETE MENU — 40+ DISHES',
|
||||
},
|
||||
|
||||
signatureMenuItems: {
|
||||
"chicken-biryani": "Fragrant aged basmati layered with spiced chicken, saffron & caramelized onions",
|
||||
"bong-nihari": "Slow-cooked beef shank in rich aromatic gravy with ginger, lemon & fresh naan",
|
||||
"panipuri": "Crispy hollow puris filled with spiced chickpeas, potatoes & tangy tamarind water",
|
||||
"lamm-palak": "Tender lamb cooked with fresh spinach in a flavorful mild gravy",
|
||||
"chicken-karahi": "Wok-tossed chicken in a robust tomato, chili & ginger gravy",
|
||||
"chicken-haleem": "Slow-cooked shredded chicken with lentils, wheat & aromatic spices",
|
||||
"tikka-boti-roll": "Juicy chicken tikka wrapped in soft naan with mint chutney & onions",
|
||||
"jalebi": "Crispy golden saffron spirals soaked in fragrant sugar syrup",
|
||||
"kulfi": "Traditional frozen milk dessert with cardamom, pistachio & saffron",
|
||||
},
|
||||
|
||||
menuDescriptions: {
|
||||
"palak-paneer": "Cottage cheese cooked in a creamy spinach gravy with mild spices and aromatic herbs.",
|
||||
"shahi-paneer": "Soft cottage cheese in a rich, creamy cashew and tomato gravy with Indian spices.",
|
||||
"malai-kofta": "Soft vegetable koftas simmered in a rich and creamy onion-tomato gravy with mild spices.",
|
||||
"daal-makhani": "Slow-cooked black lentils in a buttery, creamy tomato gravy with aromatic spices.",
|
||||
"lahore-chana": "Spiced chickpeas cooked in a tangy onion-tomato gravy with traditional Punjabi spices.",
|
||||
},
|
||||
|
||||
// Experience
|
||||
experience: {
|
||||
badge: 'THE SHAHI WAY',
|
||||
@@ -120,10 +143,33 @@ export const translations = {
|
||||
filterRice: 'Ris',
|
||||
filterGrill: 'Grill',
|
||||
filterSweet: 'Sött',
|
||||
filterMeat: 'Kött',
|
||||
filterStreet: 'Gata',
|
||||
filterRoll: 'Rulle',
|
||||
addToTable: 'Lägg till',
|
||||
viewFullMenu: 'SE HELA MENYN — 40+ RÄTTER',
|
||||
},
|
||||
|
||||
signatureMenuItems: {
|
||||
"chicken-biryani": "Doftande åldrad basmatiris med lager av kryddad kyckling, saffran och karamelliserade lökar",
|
||||
"bong-nihari": "Långsamt kokt nötköttsskaft i rik aromatisk sås med ingefära, citron och färsk naan",
|
||||
"panipuri": "Knapriga ihåliga puris fyllda med kryddade kikärtor, potatis och syrlig tamarindvatten",
|
||||
"lamm-palak": "Mört lamm tillagat med färsk spenat i en smakrik mild sås",
|
||||
"chicken-karahi": "Wokad kyckling i en robust tomat-, chili- och ingefärssås",
|
||||
"chicken-haleem": "Långsamt kokt strimlad kyckling med linser, vete och aromatiska kryddor",
|
||||
"tikka-boti-roll": "Saftig kyckling tikka insvept i mjuk naan med myntachutney och lök",
|
||||
"jalebi": "Knapriga gyllene saffranspiraler indränkta i doftande sockersirap",
|
||||
"kulfi": "Traditionell fryst mjölkdessert med kardemumma, pistasch och saffran",
|
||||
},
|
||||
|
||||
menuDescriptions: {
|
||||
"palak-paneer": "Kesoost tillagad i en krämig spenatsås med milda kryddor och aromatiska örter.",
|
||||
"shahi-paneer": "Mjuk kesoost i en rik, krämig cashew- och tomatsås med indiska kryddor.",
|
||||
"malai-kofta": "Mjuka grönsakskoftor sjudna i en rik och krämig lök-tomat sås med milda kryddor.",
|
||||
"daal-makhani": "Långsamt kokta svarta linser i en smörig, krämig tomatsås med aromatiska kryddor.",
|
||||
"lahore-chana": "Kryddade kikärtor tillagade i en syrlig lök-tomat sås med traditionella punjabiska kryddor.",
|
||||
},
|
||||
|
||||
experience: {
|
||||
badge: 'SHAHI-SÄTTET',
|
||||
title: 'Värme som en fest.\nLugn som ett palats.',
|
||||
@@ -201,6 +247,26 @@ export const translations = {
|
||||
viewFullMenu: 'पूरी मेन्यू देखें — 40+ व्यंजन',
|
||||
},
|
||||
|
||||
signatureMenuItems: {
|
||||
"chicken-biryani": "Fragrant aged basmati layered with spiced chicken, saffron & caramelized onions",
|
||||
"bong-nihari": "Slow-cooked beef shank in rich aromatic gravy with ginger, lemon & fresh naan",
|
||||
"panipuri": "Crispy hollow puris filled with spiced chickpeas, potatoes & tangy tamarind water",
|
||||
"lamm-palak": "Tender lamb cooked with fresh spinach in a flavorful mild gravy",
|
||||
"chicken-karahi": "Wok-tossed chicken in a robust tomato, chili & ginger gravy",
|
||||
"chicken-haleem": "Slow-cooked shredded chicken with lentils, wheat & aromatic spices",
|
||||
"tikka-boti-roll": "Juicy chicken tikka wrapped in soft naan with mint chutney & onions",
|
||||
"jalebi": "Crispy golden saffron spirals soaked in fragrant sugar syrup",
|
||||
"kulfi": "Traditional frozen milk dessert with cardamom, pistachio & saffron",
|
||||
},
|
||||
|
||||
menuDescriptions: {
|
||||
"palak-paneer": "Cottage cheese cooked in a creamy spinach gravy with mild spices and aromatic herbs.",
|
||||
"shahi-paneer": "Soft cottage cheese in a rich, creamy cashew and tomato gravy with Indian spices.",
|
||||
"malai-kofta": "Soft vegetable koftas simmered in a rich and creamy onion-tomato gravy with mild spices.",
|
||||
"daal-makhani": "Slow-cooked black lentils in a buttery, creamy tomato gravy with aromatic spices.",
|
||||
"lahore-chana": "Spiced chickpeas cooked in a tangy onion-tomato gravy with traditional Punjabi spices.",
|
||||
},
|
||||
|
||||
// Full Menu Page (fallback to English for now)
|
||||
menu: {
|
||||
title: 'Our Menu',
|
||||
@@ -278,6 +344,26 @@ export const translations = {
|
||||
viewFullMenu: 'مکمل مینو دیکھیں — 40+ پکوان',
|
||||
},
|
||||
|
||||
signatureMenuItems: {
|
||||
"chicken-biryani": "Fragrant aged basmati layered with spiced chicken, saffron & caramelized onions",
|
||||
"bong-nihari": "Slow-cooked beef shank in rich aromatic gravy with ginger, lemon & fresh naan",
|
||||
"panipuri": "Crispy hollow puris filled with spiced chickpeas, potatoes & tangy tamarind water",
|
||||
"lamm-palak": "Tender lamb cooked with fresh spinach in a flavorful mild gravy",
|
||||
"chicken-karahi": "Wok-tossed chicken in a robust tomato, chili & ginger gravy",
|
||||
"chicken-haleem": "Slow-cooked shredded chicken with lentils, wheat & aromatic spices",
|
||||
"tikka-boti-roll": "Juicy chicken tikka wrapped in soft naan with mint chutney & onions",
|
||||
"jalebi": "Crispy golden saffron spirals soaked in fragrant sugar syrup",
|
||||
"kulfi": "Traditional frozen milk dessert with cardamom, pistachio & saffron",
|
||||
},
|
||||
|
||||
menuDescriptions: {
|
||||
"palak-paneer": "Cottage cheese cooked in a creamy spinach gravy with mild spices and aromatic herbs.",
|
||||
"shahi-paneer": "Soft cottage cheese in a rich, creamy cashew and tomato gravy with Indian spices.",
|
||||
"malai-kofta": "Soft vegetable koftas simmered in a rich and creamy onion-tomato gravy with mild spices.",
|
||||
"daal-makhani": "Slow-cooked black lentils in a buttery, creamy tomato gravy with aromatic spices.",
|
||||
"lahore-chana": "Spiced chickpeas cooked in a tangy onion-tomato gravy with traditional Punjabi spices.",
|
||||
},
|
||||
|
||||
// Full Menu Page (fallback to English for now)
|
||||
menu: {
|
||||
title: 'Our Menu',
|
||||
|
||||
Reference in New Issue
Block a user