feat: default language Swedish, modern mobile navigation menu, mobile optimizations & translations, shorten mobile hero banner to 4s

- Set 'sv' as default in LanguageProvider + layout (users can switch to 'en')
- Completely revamped mobile drawer menu: slide animation (framer-motion), icons, active states with high-contrast text, large touch targets, better tap feedback
- Horizontal snap-scrolling category filters on mobile (homepage + /menu) for thumb-friendly UX
- Added active:scale / touch-manipulation + press states across cards, buttons, filters for better mobile tap visibility/feedback
- Updated translations for menu page, locations, footer, experience (Swedish-first)
- Made locations + footer language-aware
- Trimmed banner_mobile.mp4 (raw + re-optimized) from 6s to 4s for faster load on mobile
- Reordered languages so Svenska appears first in switcher
- .gitignore already protects developer_instructions.txt (previous commit)
This commit is contained in:
Zeeshan Khan
2026-06-02 13:44:19 +02:00
parent 10d7555d31
commit 0b6cc1acae
11 changed files with 221 additions and 101 deletions
+4 -2
View File
@@ -13,7 +13,7 @@ const LanguageContext = createContext<LanguageContextType | undefined>(undefined
const LANGUAGE_STORAGE_KEY = 'shahi-kitchen-language';
export function LanguageProvider({ children }: { children: ReactNode }) {
const [language, setLanguageState] = useState<Language>('en');
const [language, setLanguageState] = useState<Language>('sv');
// Load language from localStorage on mount
useEffect(() => {
@@ -21,11 +21,13 @@ export function LanguageProvider({ children }: { children: ReactNode }) {
if (savedLang && ['en', 'sv', 'hi', 'ur'].includes(savedLang)) {
setLanguageState(savedLang);
} else {
// Optional: Try to detect browser language
// Default to Swedish (sv) for the Swedish restaurant audience.
// Only auto-switch for strong browser matches on other supported languages.
const browserLang = navigator.language.toLowerCase();
if (browserLang.startsWith('sv')) setLanguageState('sv');
else if (browserLang.startsWith('hi')) setLanguageState('hi');
else if (browserLang.startsWith('ur')) setLanguageState('ur');
// else stay 'sv' (no 'en' override — users can manually switch to English)
}
}, []);
+49 -1
View File
@@ -1,8 +1,8 @@
export type Language = 'en' | 'sv' | 'hi' | 'ur';
export const languages: { code: Language; name: string; native: string; flag: string }[] = [
{ code: 'en', name: 'English', native: 'English', flag: '🇬🇧' },
{ code: 'sv', name: 'Swedish', native: 'Svenska', flag: '🇸🇪' },
{ code: 'en', name: 'English', native: 'English', flag: '🇬🇧' },
{ code: 'hi', name: 'Hindi', native: 'हिंदी', flag: '🇮🇳' },
{ code: 'ur', name: 'Urdu', native: 'اردو', flag: '🇵🇰' },
];
@@ -78,6 +78,18 @@ export const translations = {
// Common
add: 'Add',
viewCart: 'View Cart',
// Full Menu Page
menu: {
title: 'Our Menu',
subtitle: 'Traditional recipes. Generous portions. Made with heart.',
searchPlaceholder: 'Search dishes...',
showVegetarian: 'Show Vegetarian',
vegetarianOnly: 'Vegetarian Only',
clearFilters: 'Clear filters',
noResults: 'No dishes found matching your filters.',
dishes: 'dishes',
},
},
sv: {
@@ -143,6 +155,18 @@ export const translations = {
add: 'Lägg till',
viewCart: 'Visa Varukorg',
// Full Menu Page
menu: {
title: 'Vår Meny',
subtitle: 'Traditionella recept. Generösa portioner. Tillagade med hjärta.',
searchPlaceholder: 'Sök rätter...',
showVegetarian: 'Visa vegetariskt',
vegetarianOnly: 'Endast vegetariskt',
clearFilters: 'Rensa filter',
noResults: 'Inga rätter matchar dina filter.',
dishes: 'rätter',
},
},
hi: {
@@ -177,6 +201,18 @@ export const translations = {
viewFullMenu: 'पूरी मेन्यू देखें — 40+ व्यंजन',
},
// Full Menu Page (fallback to English for now)
menu: {
title: 'Our Menu',
subtitle: 'Traditional recipes. Generous portions. Made with heart.',
searchPlaceholder: 'Search dishes...',
showVegetarian: 'Show Vegetarian',
vegetarianOnly: 'Vegetarian Only',
clearFilters: 'Clear filters',
noResults: 'No dishes found matching your filters.',
dishes: 'dishes',
},
experience: {
badge: 'शाही तरीका',
title: 'दावत जैसी गर्माहट।\nमहल जैसा सुकून।',
@@ -242,6 +278,18 @@ export const translations = {
viewFullMenu: 'مکمل مینو دیکھیں — 40+ پکوان',
},
// Full Menu Page (fallback to English for now)
menu: {
title: 'Our Menu',
subtitle: 'Traditional recipes. Generous portions. Made with heart.',
searchPlaceholder: 'Search dishes...',
showVegetarian: 'Show Vegetarian',
vegetarianOnly: 'Vegetarian Only',
clearFilters: 'Clear filters',
noResults: 'No dishes found matching your filters.',
dishes: 'dishes',
},
experience: {
badge: 'شاہی طریقہ',
title: 'دعوت جیسی گرمی۔\nمحل جیسا سکون۔',