Manus
Checkpoint: Complete multilingual Impulso Digital website with full i18n support. Includes language switcher component in header with Portuguese (🇧🇷), English (🇺🇸), and Spanish (🇪🇸) options. All content translated across all sections: Hero, Aurora Ecosystem, Drex Digital Partnership, Digital Sovereignty, Consumer Journey, and Contact. Language preference saved to localStorage. Maintains futuristic cyberpunk design with neon accents, interactive slides, premium icons, and institutional messaging. Fully responsive and optimized for government and investor presentations.
b2b0280
| import { useLanguage } from '@/contexts/LanguageContext'; | |
| import { Language } from '@/lib/translations'; | |
| import { Globe } from 'lucide-react'; | |
| export function LanguageSwitcher() { | |
| const { language, setLanguage } = useLanguage(); | |
| const languages: { code: Language; label: string; flag: string }[] = [ | |
| { code: 'pt', label: 'Português', flag: '🇧🇷' }, | |
| { code: 'en', label: 'English', flag: '🇺🇸' }, | |
| { code: 'es', label: 'Español', flag: '🇪🇸' }, | |
| ]; | |
| return ( | |
| <div className="flex items-center gap-1 bg-card border border-primary/30 rounded-lg p-1"> | |
| <Globe className="w-4 h-4 text-primary ml-2" /> | |
| {languages.map((lang) => ( | |
| <button | |
| key={lang.code} | |
| onClick={() => setLanguage(lang.code)} | |
| className={`px-3 py-1.5 rounded text-sm font-medium transition-all ${ | |
| language === lang.code | |
| ? 'bg-primary text-background' | |
| : 'text-foreground hover:bg-primary/10' | |
| }`} | |
| title={lang.label} | |
| > | |
| {lang.flag} {lang.code.toUpperCase()} | |
| </button> | |
| ))} | |
| </div> | |
| ); | |
| } | |