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 && (
<p className="text-[#6B665F] text-[15px] leading-relaxed mb-5">
{item.description}
{(t as any).menuDescriptions?.[item.id] || item.description}
</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]">
<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); }}