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:
+1
-1
@@ -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
@@ -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); }}
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user