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:
@@ -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
@@ -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محل جیسا سکون۔',
|
||||
|
||||
Reference in New Issue
Block a user