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 9 months ago

1.13 kB

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>
  );
}

	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>
	);
	}