diff --git a/src/lib/i18n.ts b/src/lib/i18n.ts new file mode 100644 index 0000000..83c8ed4 --- /dev/null +++ b/src/lib/i18n.ts @@ -0,0 +1,211 @@ +import { useState, useEffect } from 'react'; + +export type Language = 'pt' | 'en' | 'es'; + +export const translations = { + pt: { + nav: { protocols: 'RECURSOS', nodes: 'TEMPLATES', uplink: 'PREÇOS', login: '[ ACESSAR ]' }, + hero: { + tagline: 'Plataforma de Publicação Avançada', + title1: 'Crie e escale seu', + title2: 'Blog Profissional', + desc: 'Sem configurações complexas ou plugins lentos. A infraestrutura ideal para escalar seu conteúdo com alta velocidade, segurança e design impecável.', + btnUplink: 'Começar Agora', + btnGrid: 'Ver Templates' + }, + features: { + sub: 'FERRAMENTAS DA PLATAFORMA', title: 'Infraestrutura Completa', + f1: 'TEMPLATES PREMIUM', f1d: 'Designs modernos construídos para máxima legibilidade e conversão. Focados totalmente no seu conteúdo.', + f2: 'DOMÍNIOS CUSTOMIZADOS', f2d: 'Conecte seu domínio com poucos cliques. Certificados SSL ativados instantaneamente de forma automática.', + f3: 'EDITOR INTELIGENTE', f3d: 'Escreva sem distrações. Uma interface limpa focada apenas na criação e formatação do seu texto.', + f4: 'SEO OTIMIZADO', f4d: 'Estruturação avançada de HTML e meta tags para máxima performance em mecanismos de busca (Google, Bing).', + f5: 'DISTRIBUIÇÃO GLOBAL', f5d: 'Seu blog é distribuído mundialmente em redes edge. Tempos de carregamento absurdamente curtos em qualquer país.', + f6: 'ZERO MANUTENÇÃO', f6d: 'Esqueça atualizações pendentes ou plugins quebrando seu site. Você escreve, nós cuidamos de toda a tecnologia.' + }, + nodes: { + sub: 'GALERIA DE DESIGN', title: 'Kits de UI para seu Blog', + n1t: 'Série Finance', n1d: 'Blogs modernos e limpos focados no mercado financeiro.', + n2t: 'Tecnologia Avançada', n2d: 'Estética cyber, painéis técnicos e UI imersiva para o setor tech.', + n3t: 'Protocolo Culinário', n3d: 'De estilos editoriais a receitas saudáveis e alta gastronomia.', + n4t: 'Matriz E-commerce', n4d: 'Vitrines super complexas e lojas de altíssimo padrão.', + btn: 'Preview Template' + }, + logs: { + sub: 'FEEDBACK DOS USUÁRIOS', title: 'Criadores Operantes', + l1: 'A velocidade de carregamento aumentou 300% após a migração. Finalmente parei de perder tempo com temas e servidores lentos.', + l2: 'Integrar os anúncios nos templates foi fácil demais. Excelente ferramenta para quem depende de um CMS que, simplesmente, funciona.', + l3: 'Subi o blog da minha empresa e em menos de 10 minutos já estava publicando. Sem banco de dados para administrar, sensacional.' + }, + uplink: { + sub: 'COMECE A PUBLICAR', title: 'Acesse o Painel', + desc: 'Crie sua conta sem compromisso. Configure seu ambiente e faça a sua primeira publicação hoje mesmo.', + btn: 'CRIAR CONTA', + tier: 'PLANO PRO // APENAS R$ 19,90 / MÊS' + }, + footer: { + online: 'PLATAFORMA AUTOBLOG', sec: '[ POLÍTICA DE PRIVACIDADE ]', terms: '[ TERMOS DE SERVIÇO ]', ping: '[ CONTATO ]' + }, + login: { + tagline: 'Área do Autor', title: 'Autenticação', + taglineCreate: 'Novo Registro', titleCreate: 'Criar Conta', + id: 'E-mail', idp: 'seu@email.com', + key: 'Senha', + btn: 'Acessar Painel', + btnCreate: 'Estabelecer Acesso', + processing: 'PROCESSANDO...', + back: 'Voltar ao Site', + req: 'Recuperar Senha', + toggleLogin: 'JÁ TEM CONTA?', toggleCreate: 'SOLICITAR ACESSO' + }, + newsletter: { + title: 'Transmissão Direta', + desc: 'Receba atualizações do sistema, novos templates e protocolos de SEO diretamente na sua caixa de entrada.', + placeholder: 'seu@email.com', + btn: 'ASSINAR' + } + }, + en: { + nav: { protocols: 'FEATURES', nodes: 'TEMPLATES', uplink: 'PRICING', login: '[ LOGIN ]' }, + hero: { + tagline: 'Advanced Publishing Platform', + title1: 'Build and scale your', + title2: 'Professional Blog', + desc: 'No complex setups or slow plugins. The perfect infrastructure to scale your content with high speed, security, and flawless design.', + btnUplink: 'Get Started', + btnGrid: 'View Templates' + }, + features: { + sub: 'PLATFORM TOOLS', title: 'Complete Infrastructure', + f1: 'PREMIUM TEMPLATES', f1d: 'Modern designs built for maximum readability and conversion. Content-first approach.', + f2: 'CUSTOM DOMAINS', f2d: 'Connect your custom domain in a few clicks. Automated SSL certificates enabled instantly.', + f3: 'SMART EDITOR', f3d: 'Write without distractions. A clean interface completely focused on text creation and smooth formatting.', + f4: 'NATIVE SEO OPTIMIZED', f4d: 'Advanced HTML structuring and meta tags for peak search engine performance out of the box.', + f5: 'GLOBAL DISTRIBUTION', f5d: 'Your blog is distributed worldwide on edge networks. Insanely fast loading times anywhere.', + f6: 'ZERO MAINTENANCE', f6d: 'Forget pending system updates or broken plugins. You write, we handle the technology entirely.' + }, + nodes: { + sub: 'DESIGN GALLERY', title: 'UI Kits for your Blog', + n1t: 'Finance Series', n1d: 'Clean, modern blogs focused on the financial market.', + n2t: 'Advanced Tech', n2d: 'Cyber aesthetics, technical dashboards, and immersive UI.', + n3t: 'Culinary Protocol', n3d: 'From editorial styles to health foods and cyberpunk molecular gastronomy.', + n4t: 'E-commerce Matrix', n4d: 'Extremely complex storefronts and premium lifestyle shops.', + btn: 'Preview Template' + }, + logs: { + sub: 'USER FEEDBACK', title: 'Operating Creators', + l1: 'Loading speed increased by 300% after migration. Finally stopped wasting time with slow themes and servers.', + l2: 'Integrating ads in the templates was way too easy. Great tool for those who rely on a strictly working CMS.', + l3: 'Deployed my company blog and within 10 minutes I was publishing. No database to maintain, absolutely wonderful.' + }, + uplink: { + sub: 'START PUBLISHING', title: 'Access Dashboard', + desc: 'Create your account. Set up your environment and make your first publication today. No strings attached.', + btn: 'CREATE ACCOUNT', + tier: 'PRO PLAN // ONLY $19.90 / MONTH' + }, + footer: { + online: 'AUTOBLOG PLATFORM', sec: '[ PRIVACY POLICY ]', terms: '[ TERMS OF SERVICE ]', ping: '[ SUPPORT ]' + }, + login: { + tagline: 'Author Area', title: 'Authentication', + taglineCreate: 'New Registration', titleCreate: 'Create Account', + id: 'Email address', idp: 'you@email.com', + key: 'Password', + btn: 'Access Dashboard', + btnCreate: 'Establish Access', + processing: 'PROCESSING...', + back: 'Return to Website', + req: 'Recover Password', + toggleLogin: 'ALREADY ACTIVE?', toggleCreate: 'REQUEST ACCESS' + }, + newsletter: { + title: 'Direct Transmission', + desc: 'Get system updates, new templates, and SEO protocols routed directly to your inbox.', + placeholder: 'you@email.com', + btn: 'SUBSCRIBE' + } + }, + es: { + nav: { protocols: 'RECURSOS', nodes: 'PLANTILLAS', uplink: 'PRECIOS', login: '[ ACCEDER ]' }, + hero: { + tagline: 'Plataforma de Publicación Avanzada', + title1: 'Crea y escala tu', + title2: 'Blog Profesional', + desc: 'Sin configuraciones complejas o plugins lentos. La infraestructura ideal para escalar tu contenido con alta velocidad, seguridad y diseño impecable.', + btnUplink: 'Empezar Ahora', + btnGrid: 'Ver Plantillas' + }, + features: { + sub: 'HERRAMIENTAS DE PLATAFORMA', title: 'Infraestructura Completa', + f1: 'PLANTILLAS PREMIUM', f1d: 'Diseños modernos creados para máxima legibilidad y conversión. Enfoque exclusivo en tu contenido.', + f2: 'DOMINIOS PERSONALIZADOS', f2d: 'Conecta tu dominio en pocos clics. Certificados SSL habilitados de forma automática al instante.', + f3: 'EDITOR INTELIGENTE', f3d: 'Escribe sin distracciones. Una interfaz enfocada puramente en la creación y formato del texto.', + f4: 'SEO NATIVO OPTIMIZADO', f4d: 'Estructura HTML avanzada y meta etiquetas para potenciar el rendimiento en motores de búsqueda.', + f5: 'DISTRIBUCIÓN GLOBAL', f5d: 'Tu blog se distribuye globalmente en redes perimetrales. Tiempos de carga increíblemente rápidos.', + f6: 'CERO MANTENIMIENTO', f6d: 'Olvídate de las actualizaciones del sistema o plugins rotos. Tú escribes, nosotros manejamos la tecnología.' + }, + nodes: { + sub: 'GALERÍA DE DISEÑO', title: 'Kits de UI para tu Blog', + n1t: 'Serie Financiera', n1d: 'Blogs limpios y modernos centrados en el mercado financiero.', + n2t: 'Tecnología Avanzada', n2d: 'Estética cyber, paneles técnicos e UI inmersiva para tecnología.', + n3t: 'Protocolo Culinario', n3d: 'Desde estilos editoriales hasta comida saludable y alta gastronomía.', + n4t: 'Matriz E-commerce', n4d: 'Vitrinas súper complejas y tiendas de muy alto padrão.', + btn: 'Preview Template' + }, + logs: { + sub: 'OPINIONES DE USUARIOS', title: 'Creadores Operando', + l1: 'La velocidad de carga aumentó un 300% después de la migración. Por fin dejé de perder tiempo con temas y servidores lentos.', + l2: 'Integrar anuncios en las plantillas fue demasiado fácil. Excelente CMS para quienes solo quieren que funcione.', + l3: 'Lancé el blog de mi empresa y en menos de 10 minutos ya estaba publicando. Sin base de datos que mantener, maravilloso.' + }, + uplink: { + sub: 'EMPIEZA A PUBLICAR', title: 'Accede al Panel', + desc: 'Crea tu cuenta sin compromiso. Configura tu entorno y haz tu primera publicación hoy mismo.', + btn: 'CREAR CUENTA', + tier: 'PLAN PRO // SOLO $19.90 / MES' + }, + footer: { + online: 'PLATAFORMA AUTOBLOG', sec: '[ POLÍTICA DE PRIVACIDAD ]', terms: '[ TÉRMINOS DE SERVICIO ]', ping: '[ SOPORTE ]' + }, + login: { + tagline: 'Área de Autor', title: 'Autenticación', + taglineCreate: 'Nuevo Registro', titleCreate: 'Crear Cuenta', + id: 'Correo electrónico', idp: 'tu@email.com', + key: 'Contraseña', + btn: 'Acceder al Panel', + btnCreate: 'Establecer Acceso', + processing: 'PROCESANDO...', + back: 'Volver a la Web', + req: 'Recuperar Contraseña', + toggleLogin: '¿YA TIENES CUENTA?', toggleCreate: 'SOLICITAR ACCESO' + }, + newsletter: { + title: 'Transmisión Directa', + desc: 'Recibe actualizaciones del sistema, nuevas plantillas y protocolos SEO directamente en tu bandeja.', + placeholder: 'tu@email.com', + btn: 'SUSCRIBIRSE' + } + } +}; + +export function useLanguage() { + const [lang, setLangState] = useState(() => { + return (localStorage.getItem('lang') as Language) || 'pt'; + }); + + useEffect(() => { + const handleLangChange = (e: Event) => { + setLangState((e as CustomEvent).detail); + }; + window.addEventListener('lang-change', handleLangChange); + return () => window.removeEventListener('lang-change', handleLangChange); + }, []); + + const setLang = (l: Language) => { + localStorage.setItem('lang', l); + setLangState(l); + window.dispatchEvent(new CustomEvent('lang-change', { detail: l })); + }; + + return { lang, setLanguage: setLang, setLang, t: translations[lang] }; +}