From c6a62f40f4f22299682fbcb2ce82dfd7140dd023 Mon Sep 17 00:00:00 2001
From: Zeeshan Khan <zeeshanatnorth@gmail.com>
Date: Tue, 2 Jun 2026 14:15:26 +0200
Subject: [PATCH] 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.
---
 app/menu/page.tsx   |  2 +-
 app/page.tsx        |  6 ++--
 lib/translations.ts | 86 +++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 90 insertions(+), 4 deletions(-)

diff --git a/app/menu/page.tsx b/app/menu/page.tsx
index 38a6fd5..184dcae 100644
--- a/app/menu/page.tsx
+++ b/app/menu/page.tsx
@@ -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>
                           )}
 
diff --git a/app/page.tsx b/app/page.tsx
index 5a64956..a17677b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -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); }}
diff --git a/lib/translations.ts b/lib/translations.ts
index ff21259..096a0e2 100644
--- a/lib/translations.ts
+++ b/lib/translations.ts
@@ -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',