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)
|
||||
}
|
||||
}, []);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user