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
2026-06-02 14:15:26 +02:00
parent f70076b482
commit c6a62f40f4
3 changed files with 90 additions and 4 deletions
+1 -1
View File
@@ -286,7 +286,7 @@ export default function MenuPage() {
{item.description && ( {item.description && (
<p className="text-[#6B665F] text-[15px] leading-relaxed mb-5"> <p className="text-[#6B665F] text-[15px] leading-relaxed mb-5">
{item.description} {(t as any).menuDescriptions?.[item.id] || item.description}
</p> </p>
)} )}
+3 -3
View File
@@ -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]"> <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} <UtensilsCrossed className="h-4 w-4" /> {t.signatureMenu.title}
</div> </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> </div>
<p className="max-w-md text-lg font-medium text-[#4b5563]">{t.signatureMenu.subtitle}</p> <p className="max-w-md text-lg font-medium text-[#4b5563]">{t.signatureMenu.subtitle}</p>
</div> </div>
@@ -241,7 +241,7 @@ export default function ShahiKitchenHomepage() {
onClick={() => setMenuFilter(cat as any)} 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]"}`} 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> </button>
))} ))}
</div> </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"> <h4 className="text-[21px] leading-tight tracking-[-0.5px] mb-2 group-hover:text-[#B38B4D] transition-colors">
{dish.name} {dish.name}
</h4> </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 <button
onClick={(e) => { e.stopPropagation(); addDish(dish); }} onClick={(e) => { e.stopPropagation(); addDish(dish); }}
+86
View File
@@ -39,10 +39,33 @@ export const translations = {
filterRice: 'Rice', filterRice: 'Rice',
filterGrill: 'Grill', filterGrill: 'Grill',
filterSweet: 'Sweet', filterSweet: 'Sweet',
filterMeat: 'Meat',
filterStreet: 'Street',
filterRoll: 'Roll',
addToTable: 'Add to Table', addToTable: 'Add to Table',
viewFullMenu: 'VIEW THE COMPLETE MENU — 40+ DISHES', 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
experience: { experience: {
badge: 'THE SHAHI WAY', badge: 'THE SHAHI WAY',
@@ -120,10 +143,33 @@ export const translations = {
filterRice: 'Ris', filterRice: 'Ris',
filterGrill: 'Grill', filterGrill: 'Grill',
filterSweet: 'Sött', filterSweet: 'Sött',
filterMeat: 'Kött',
filterStreet: 'Gata',
filterRoll: 'Rulle',
addToTable: 'Lägg till', addToTable: 'Lägg till',
viewFullMenu: 'SE HELA MENYN — 40+ RÄTTER', 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: { experience: {
badge: 'SHAHI-SÄTTET', badge: 'SHAHI-SÄTTET',
title: 'Värme som en fest.\nLugn som ett palats.', title: 'Värme som en fest.\nLugn som ett palats.',
@@ -201,6 +247,26 @@ export const translations = {
viewFullMenu: 'पूरी मेन्यू देखें — 40+ व्यंजन', 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) // Full Menu Page (fallback to English for now)
menu: { menu: {
title: 'Our Menu', title: 'Our Menu',
@@ -278,6 +344,26 @@ export const translations = {
viewFullMenu: 'مکمل مینو دیکھیں — 40+ پکوان', 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) // Full Menu Page (fallback to English for now)
menu: { menu: {
title: 'Our Menu', title: 'Our Menu',