From ea0c4ac5a61f876b32588588fa89ef050ba561b2 Mon Sep 17 00:00:00 2001 From: Erik Date: Wed, 26 Nov 2025 21:33:35 -0300 Subject: [PATCH] feat: Simplificar sistema de traducao com LibreTranslate - Remover traducoes manuais do LanguageContext - Adicionar componente T para auto-traducao - Usar useTranslatedContent para conteudo do banco - Atualizar todas as paginas publicas - Integrar LibreTranslate para traducao automatica --- frontend/src/app/(public)/contato/page.tsx | 62 +-- frontend/src/app/(public)/page.tsx | 104 ++-- frontend/src/app/(public)/projetos/page.tsx | 48 +- frontend/src/app/(public)/servicos/page.tsx | 32 +- frontend/src/app/(public)/sobre/page.tsx | 32 +- frontend/src/components/Footer.tsx | 35 +- frontend/src/components/Header.tsx | 29 +- frontend/src/components/TranslatedText.tsx | 131 +++-- frontend/src/contexts/LanguageContext.tsx | 543 ++------------------ 9 files changed, 313 insertions(+), 703 deletions(-) diff --git a/frontend/src/app/(public)/contato/page.tsx b/frontend/src/app/(public)/contato/page.tsx index 0d56d5b..f2f52ba 100644 --- a/frontend/src/app/(public)/contato/page.tsx +++ b/frontend/src/app/(public)/contato/page.tsx @@ -1,8 +1,8 @@ "use client"; -import { useLanguage } from "@/contexts/LanguageContext"; import { useToast } from "@/contexts/ToastContext"; import { useState, useEffect } from "react"; +import { useTranslatedContent, T } from "@/components/TranslatedText"; interface ContactInfo { icon: string; @@ -27,7 +27,6 @@ interface ContactContent { } export default function ContatoPage() { - const { t } = useLanguage(); const { success, error: showError } = useToast(); const [content, setContent] = useState(null); const [loading, setLoading] = useState(true); @@ -40,6 +39,9 @@ export default function ContatoPage() { message: '' }); + // Traduzir conteúdo do banco automaticamente + const { translatedContent } = useTranslatedContent(content); + useEffect(() => { fetchContent(); }, []); @@ -91,34 +93,34 @@ export default function ContatoPage() { }; // Valores padrão caso não tenha conteúdo salvo - const hero = content?.hero || { - pretitle: t('contact.info.pretitle'), - title: t('contact.hero.title'), - subtitle: t('contact.hero.subtitle') + const hero = translatedContent?.hero || { + pretitle: 'Fale Conosco', + title: 'Entre em Contato', + subtitle: 'Estamos prontos para atender sua empresa com soluções de engenharia de alta qualidade' }; - const info = content?.info || { - title: t('contact.info.title'), - subtitle: t('contact.info.subtitle'), + const info = translatedContent?.info || { + title: 'Informações', + subtitle: 'Como nos encontrar', description: 'Estamos à disposição para atender sua empresa com a excelência técnica que seu projeto exige.', items: [ { icon: 'ri-whatsapp-line', - title: t('contact.info.phone.title'), - description: t('contact.info.whatsapp.desc'), + title: 'Telefone', + description: 'Atendimento de segunda a sexta, das 8h às 18h', link: 'https://wa.me/5527999999999', linkText: '(27) 99999-9999' }, { icon: 'ri-mail-send-line', - title: t('contact.info.email.title'), - description: t('contact.info.email.desc'), + title: 'E-mail', + description: 'Responderemos em até 24 horas úteis', link: 'mailto:contato@octto.com.br', linkText: 'contato@octto.com.br' }, { icon: 'ri-map-pin-line', - title: t('contact.info.address.title'), + title: 'Endereço', description: 'Av. Nossa Senhora da Penha, 1234\nSanta Lúcia, Vitória - ES\nCEP: 29056-000', link: 'https://maps.google.com', linkText: 'Ver no mapa' @@ -187,12 +189,12 @@ export default function ContatoPage() {
-

{t('contact.form.title')}

+

Envie uma Mensagem

- +
setFormData({...formData, name: e.target.value})} className="w-full pl-11 pr-4 py-3.5 bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-xl text-gray-900 dark:text-white focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all" - placeholder={t('contact.form.name.placeholder')} + placeholder="Seu nome completo" />
- +
- +
setFormData({...formData, email: e.target.value})} className="w-full pl-11 pr-4 py-3.5 bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-xl text-gray-900 dark:text-white focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all" - placeholder={t('contact.form.email.placeholder')} + placeholder="seu@email.com" />
- +
- +
@@ -281,11 +283,11 @@ export default function ContatoPage() { {submitting ? ( <> - Enviando... + Enviando... ) : ( <> - {t('contact.form.submit')} + Enviar Mensagem )} diff --git a/frontend/src/app/(public)/page.tsx b/frontend/src/app/(public)/page.tsx index 4b87358..dfcf423 100644 --- a/frontend/src/app/(public)/page.tsx +++ b/frontend/src/app/(public)/page.tsx @@ -1,72 +1,74 @@ "use client"; import Link from "next/link"; -import { useLanguage } from "@/contexts/LanguageContext"; import { usePageContent } from "@/hooks/usePageContent"; +import { useTranslatedContent, T } from "@/components/TranslatedText"; export default function Home() { - const { t } = useLanguage(); const { content, loading } = usePageContent('home'); + + // Traduzir conteúdo do banco automaticamente + const { translatedContent } = useTranslatedContent(content); - // Usar conteúdo personalizado do banco ou fallback para traduções - const hero = content?.hero || { - title: t('home.hero.title'), - subtitle: t('home.hero.subtitle'), - buttonText: t('home.hero.cta_primary') + // Usar conteúdo traduzido ou fallback + const hero = translatedContent?.hero || { + title: 'Engenharia de Excelência para Seus Projetos', + subtitle: 'Soluções completas em engenharia veicular, mecânica e segurança do trabalho com mais de 15 anos de experiência.', + buttonText: 'Conheça Nossos Serviços' }; - const features = content?.features || { - pretitle: t('home.features.pretitle'), - title: t('home.features.title'), + const features = translatedContent?.features || { + pretitle: 'Por que nos escolher', + title: 'Nossos Diferenciais', items: [ - { icon: 'ri-shield-star-line', title: t('home.features.1.title'), description: t('home.features.1.desc') }, - { icon: 'ri-settings-4-line', title: t('home.features.2.title'), description: t('home.features.2.desc') }, - { icon: 'ri-truck-line', title: t('home.features.3.title'), description: t('home.features.3.desc') } + { icon: 'ri-shield-star-line', title: 'Qualidade Garantida', description: 'Processos certificados e equipe altamente qualificada.' }, + { icon: 'ri-settings-4-line', title: 'Soluções Personalizadas', description: 'Atendimento sob medida para suas necessidades.' }, + { icon: 'ri-truck-line', title: 'Especialização Veicular', description: 'Expertise em engenharia automotiva.' } ] as Array<{ icon: string; title: string; description: string }> }; - const services = content?.services || { - pretitle: t('home.services.pretitle'), - title: t('home.services.title'), + const services = translatedContent?.services || { + pretitle: 'Nossos Serviços', + title: 'O Que Fazemos', items: [ - { icon: 'ri-draft-line', title: t('home.services.1.title'), description: t('home.services.1.desc') }, - { icon: 'ri-file-paper-2-line', title: t('home.services.2.title'), description: t('home.services.2.desc') }, - { icon: 'ri-alert-line', title: t('home.services.3.title'), description: t('home.services.3.desc') }, - { icon: 'ri-truck-fill', title: t('home.services.4.title'), description: t('home.services.4.desc') } + { icon: 'ri-draft-line', title: 'Projetos Técnicos', description: 'Desenvolvimento de projetos de engenharia.' }, + { icon: 'ri-file-paper-2-line', title: 'Laudos e Perícias', description: 'Emissão de laudos técnicos.' }, + { icon: 'ri-alert-line', title: 'Segurança do Trabalho', description: 'Implementação de normas de segurança.' }, + { icon: 'ri-truck-fill', title: 'Engenharia Veicular', description: 'Modificações e adaptações de veículos.' } ] as Array<{ icon: string; title: string; description: string }> }; - const about = content?.about || { - pretitle: t('home.about.pretitle'), - title: t('home.about.title'), - description: t('home.about.desc'), + const about = translatedContent?.about || { + pretitle: 'Conheça a OCCTO', + title: 'Sobre Nós', + description: 'Com mais de 15 anos de experiência, a OCCTO Engenharia se consolidou como referência em soluções de engenharia.', highlights: [ - t('home.about.list.1'), - t('home.about.list.2'), - t('home.about.list.3') + 'Mais de 500 clientes atendidos', + 'Equipe técnica qualificada', + 'Parceiro oficial de grandes empresas' ] as string[] }; - const testimonials = content?.testimonials || { - pretitle: t('home.testimonials.pretitle'), - title: t('home.testimonials.title'), + const testimonials = translatedContent?.testimonials || { + pretitle: 'Depoimentos', + title: 'O Que Dizem Nossos Clientes', items: [ - { name: 'Ricardo Mendes', role: t('home.testimonials.1.role'), text: t('home.testimonials.1.text') }, - { name: 'Fernanda Costa', role: t('home.testimonials.2.role'), text: t('home.testimonials.2.text') }, - { name: 'Paulo Oliveira', role: t('home.testimonials.3.role'), text: t('home.testimonials.3.text') } + { name: 'Ricardo Mendes', role: 'Gerente de Frota', text: 'Excelente trabalho!' }, + { name: 'Fernanda Costa', role: 'Diretora de Operações', text: 'Parceria de confiança.' }, + { name: 'Paulo Oliveira', role: 'Engenheiro Chefe', text: 'Conhecimento técnico incomparável.' } ] as Array<{ name: string; role: string; text: string }> }; - const stats = content?.stats || { + const stats = translatedContent?.stats || { clients: '500+', projects: '1200+', years: '15' }; - const cta = content?.cta || { - title: t('home.cta.title'), - text: t('home.cta.desc'), - button: t('home.cta.button') + const cta = translatedContent?.cta || { + title: 'Pronto para tirar seu projeto do papel?', + text: 'Entre em contato com nossa equipe de especialistas.', + button: 'Fale Conosco' }; return ( @@ -81,7 +83,7 @@ export default function Home() {
- {t('home.hero.badge')} Coca-Cola + Prestador de Serviço Oficial Coca-Cola

@@ -95,7 +97,7 @@ export default function Home() { {hero.buttonText} - {t('home.hero.cta_secondary')} + Ver Soluções

@@ -143,7 +145,7 @@ export default function Home() {
- {t('home.services.link')} + Ver todos os serviços
@@ -173,7 +175,7 @@ export default function Home() { ))} - {t('home.about.link')} + Conheça nossa expertise
@@ -184,29 +186,29 @@ export default function Home() {
-

{t('home.projects.pretitle')}

-

{t('home.projects.title')}

+

Portfólio

+

Projetos Recentes

- {t('home.projects.link')} + Ver todos os projetos
{[ - { img: "https://images.unsplash.com/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.1.title'), cat: t('home.projects.1.cat') }, - { img: "https://images.unsplash.com/photo-1581092335397-9583eb92d232?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.2.title'), cat: t('home.projects.2.cat') }, - { img: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2070&auto=format&fit=crop", title: t('home.projects.3.title'), cat: t('home.projects.3.cat') } + { img: "https://images.unsplash.com/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop", title: "Projeto de Adequação - Coca-Cola", cat: "Engenharia Veicular" }, + { img: "https://images.unsplash.com/photo-1581092335397-9583eb92d232?q=80&w=2070&auto=format&fit=crop", title: "Laudo de Guindaste Articulado", cat: "Inspeção Técnica" }, + { img: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2070&auto=format&fit=crop", title: "Dispositivo de Içamento Especial", cat: "Projeto Mecânico" } ].map((project, index) => (
- {project.cat} -

{project.title}

+ {project.cat} +

{project.title}

- {t('home.projects.view_details')} + Ver detalhes
diff --git a/frontend/src/app/(public)/projetos/page.tsx b/frontend/src/app/(public)/projetos/page.tsx index 9f82d40..daeb914 100644 --- a/frontend/src/app/(public)/projetos/page.tsx +++ b/frontend/src/app/(public)/projetos/page.tsx @@ -1,57 +1,55 @@ "use client"; import Link from "next/link"; -import { useLanguage } from "@/contexts/LanguageContext"; +import { T } from "@/components/TranslatedText"; export default function ProjetosPage() { - const { t } = useLanguage(); - // Placeholder data - will be replaced by database content const projects = [ { id: 1, - title: t('home.projects.1.title'), - category: t('home.projects.1.cat'), + title: "Adequação de Frota de Caminhões", + category: "Engenharia Veicular", location: "Vitória, ES", image: "https://images.unsplash.com/photo-1616401784845-180882ba9ba8?q=80&w=2070&auto=format&fit=crop", description: "Projeto de adequação técnica de 50 caminhões para instalação de carrocerias especiais e sistemas de segurança." }, { id: 2, - title: t('home.projects.2.title'), - category: t('home.projects.2.cat'), + title: "Laudo Técnico de Guindaste Industrial", + category: "Laudos e Perícias", location: "Serra, ES", image: "https://images.unsplash.com/photo-1535082623926-b3a33d531740?q=80&w=2052&auto=format&fit=crop", description: "Inspeção completa e emissão de laudo técnico para guindaste de 45 toneladas, com testes de carga e verificação estrutural." }, { id: 3, - title: t('home.projects.3.title'), - category: t('home.projects.3.cat'), + title: "Projeto de Equipamento Portuário", + category: "Projetos Mecânicos", location: "Aracruz, ES", image: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2070&auto=format&fit=crop", description: "Desenvolvimento e cálculo estrutural de Spreader para movimentação de contêineres em área portuária." }, { id: 4, - title: t('home.projects.4.title'), - category: t('home.projects.4.cat'), + title: "Adequação NR-12 de Linha de Produção", + category: "Segurança do Trabalho", location: "Linhares, ES", image: "https://images.unsplash.com/photo-1581092921461-eab62e97a782?q=80&w=2070&auto=format&fit=crop", description: "Inventário e adequação de segurança de 120 máquinas operatrizes conforme norma regulamentadora NR-12." }, { id: 5, - title: t('home.projects.5.title'), - category: t('home.projects.5.cat'), + title: "Homologação de Veículos Especiais", + category: "Engenharia Veicular", location: "Viana, ES", image: "https://images.unsplash.com/photo-1591768793355-74d04bb6608f?q=80&w=2070&auto=format&fit=crop", description: "Processo completo de homologação e certificação de plataformas elevatórias para distribuição urbana." }, { id: 6, - title: t('home.projects.6.title'), - category: t('home.projects.6.cat'), + title: "Sistema de Proteção Contra Quedas", + category: "Segurança do Trabalho", location: "Cariacica, ES", image: "https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?q=80&w=2070&auto=format&fit=crop", description: "Projeto e instalação de sistema de linha de vida para proteção contra quedas em operações de carga e descarga." @@ -65,9 +63,9 @@ export default function ProjetosPage() {
-

{t('projects.hero.title')}

+

Nossos Projetos

- {t('projects.hero.subtitle')} + Conheça alguns dos projetos que já realizamos para nossos clientes

@@ -77,10 +75,10 @@ export default function ProjetosPage() {
{/* Filters (Placeholder) */}
- - - - + + + +
@@ -90,20 +88,20 @@ export default function ProjetosPage() {
- {project.category} + {project.category}
-

{project.title}

+

{project.title}

{project.location}

- {project.description} + {project.description}

- {t('projects.card.details')} + Ver Detalhes
diff --git a/frontend/src/app/(public)/servicos/page.tsx b/frontend/src/app/(public)/servicos/page.tsx index 7ebd1c8..6019714 100644 --- a/frontend/src/app/(public)/servicos/page.tsx +++ b/frontend/src/app/(public)/servicos/page.tsx @@ -1,28 +1,26 @@ "use client"; import Link from "next/link"; -import { useLanguage } from "@/contexts/LanguageContext"; +import { T } from "@/components/TranslatedText"; export default function ServicosPage() { - const { t } = useLanguage(); - const services = [ { icon: "ri-draft-line", - title: t('home.services.1.title'), - description: t('home.services.1.desc'), + title: "Projetos Técnicos", + description: "Desenvolvimento de projetos de engenharia mecânica, estrutural e veicular com alta precisão e conformidade normativa.", features: ["Projeto Mecânico 3D", "Cálculo Estrutural", "Dispositivos Especiais", "Homologação de Equipamentos"] }, { icon: "ri-truck-line", - title: t('home.features.3.title'), - description: t('home.features.3.desc'), + title: "Engenharia Veicular", + description: "Expertise em modificações, adaptações e homologações veiculares com foco em segurança e conformidade.", features: ["Projeto de Instalação", "Estudo de Estabilidade", "Adequação de Carrocerias", "Regularização Veicular"] }, { icon: "ri-file-paper-2-line", - title: t('home.services.2.title'), - description: t('home.services.2.desc'), + title: "Laudos e Perícias", + description: "Emissão de laudos técnicos e pareceres periciais para equipamentos, estruturas e veículos.", features: ["Laudos de Munck/Guindaste", "Inspeção de Segurança", "Teste de Carga", "Certificação de Equipamentos"] }, { @@ -40,9 +38,9 @@ export default function ServicosPage() {
-

{t('services.hero.title')}

+

Nossos Serviços

- {t('services.hero.subtitle')} + Soluções completas em engenharia para atender às necessidades da sua empresa

@@ -65,22 +63,22 @@ export default function ServicosPage() { 0{index + 1}
-

{service.title}

+

{service.title}

- {service.description} + {service.description}

- {t('services.scope')} + Escopo de Atuação

    {service.features.map((feature, idx) => (
  • - {feature} + {feature}
    • ))}
@@ -94,9 +92,9 @@ export default function ServicosPage() { {/* CTA */}
-

{t('services.cta.title')}

+

Precisa de um serviço especializado?

- {t('services.cta.button')} + Solicite um Orçamento
diff --git a/frontend/src/app/(public)/sobre/page.tsx b/frontend/src/app/(public)/sobre/page.tsx index 1ef2045..7e98961 100644 --- a/frontend/src/app/(public)/sobre/page.tsx +++ b/frontend/src/app/(public)/sobre/page.tsx @@ -1,11 +1,9 @@ "use client"; import Image from "next/image"; -import { useLanguage } from "@/contexts/LanguageContext"; +import { T } from "@/components/TranslatedText"; export default function SobrePage() { - const { t } = useLanguage(); - return (
{/* Hero Section */} @@ -13,9 +11,9 @@ export default function SobrePage() {
-

{t('about.hero.title')}

+

Sobre a OCCTO

- {t('about.hero.subtitle')} + Conheça nossa história, missão e valores que nos guiam na entrega de excelência em engenharia

@@ -25,13 +23,13 @@ export default function SobrePage() {
-

{t('about.history.title')}

-

{t('about.history.subtitle')}

+

Nossa História

+

Mais de 15 anos de experiência em engenharia

- {t('about.history.p1')} + A OCCTO Engenharia foi fundada com o objetivo de oferecer soluções completas em engenharia mecânica, veicular e segurança do trabalho. Ao longo de mais de 15 anos, construímos uma trajetória sólida baseada na excelência técnica e no compromisso com a satisfação dos nossos clientes.

- {t('about.history.p2')} + Nossa equipe é formada por engenheiros altamente qualificados e especializados, que trabalham com as mais modernas ferramentas e metodologias para garantir resultados precisos e confiáveis em cada projeto.

@@ -50,30 +48,30 @@ export default function SobrePage() {
-

{t('about.values.title')}

-

{t('about.values.subtitle')}

+

Nossos Valores

+

O que nos move

-

{t('about.values.quality.title')}

-

{t('about.values.quality.desc')}

+

Qualidade

+

Comprometimento com a excelência em cada projeto, garantindo precisão e conformidade em todas as entregas.

-

{t('about.values.transparency.title')}

-

{t('about.values.transparency.desc')}

+

Transparência

+

Relações baseadas na honestidade e comunicação clara, mantendo nossos clientes sempre informados.

-

{t('about.values.sustainability.title')}

-

{t('about.values.sustainability.desc')}

+

Sustentabilidade

+

Compromisso com práticas responsáveis e soluções que minimizam impactos ambientais.

diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx index d82f151..d5cbb0a 100644 --- a/frontend/src/components/Footer.tsx +++ b/frontend/src/components/Footer.tsx @@ -2,6 +2,7 @@ import Link from 'next/link'; import { useLanguage } from '@/contexts/LanguageContext'; +import { T } from '@/components/TranslatedText'; export default function Footer() { const { t } = useLanguage(); @@ -20,12 +21,12 @@ export default function Footer() {

- Soluções em engenharia mecânica e segurança para movimentação de carga. + Soluções em engenharia mecânica e segurança para movimentação de carga.

- Prestador Oficial Coca-Cola + Prestador Oficial Coca-Cola
@@ -43,30 +44,30 @@ export default function Footer() { {/* Links */}
-

Links Rápidos

+

Links Rápidos

    -
  • {t('nav.home')}
    • -
  • {t('nav.about')}
    • -
  • {t('nav.services')}
    • -
  • {t('nav.projects')}
    • -
  • {t('nav.contact')}
    • +
  • {t('nav.home')}
    • +
  • {t('nav.about')}
    • +
  • {t('nav.services')}
    • +
  • {t('nav.projects')}
    • +
  • {t('nav.contact')}
{/* Services */}
-

{t('services.title')}

+

{t('services.title')}

    -
  • Projetos de Dispositivos
    • -
  • Engenharia de Implementos
    • -
  • Inspeção de Equipamentos
    • -
  • Laudos Técnicos (NR-11/12)
    • +
  • Projetos de Dispositivos
    • +
  • Engenharia de Implementos
    • +
  • Inspeção de Equipamentos
    • +
  • Laudos Técnicos (NR-11/12)
{/* Contact */}
-

{t('nav.contact')}

+

{t('nav.contact')}

  • @@ -86,11 +87,11 @@ export default function Footer() {

    - © {new Date().getFullYear()} OCCTO Engenharia. {t('footer.rights')} + © {new Date().getFullYear()} OCCTO Engenharia. {t('footer.rights')}

    - Política de Privacidade - Termos de Uso + Política de Privacidade + Termos de Uso
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx index c8fbeb1..0724513 100644 --- a/frontend/src/components/Header.tsx +++ b/frontend/src/components/Header.tsx @@ -4,6 +4,7 @@ import Link from 'next/link'; import { useState, useEffect } from 'react'; import { useTheme } from "next-themes"; import { useLanguage } from '@/contexts/LanguageContext'; +import { T } from '@/components/TranslatedText'; export default function Header() { const [isSearchOpen, setIsSearchOpen] = useState(false); @@ -68,23 +69,23 @@ export default function Header() { @@ -94,7 +95,7 @@ export default function Header() { className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover-primary transition-colors flex items-center gap-2" > - {t('nav.contact_us')} + {t('nav.contact_us')}
@@ -168,23 +169,23 @@ export default function Header() { @@ -195,14 +196,14 @@ export default function Header() { className="w-full py-4 bg-primary text-white rounded-xl font-bold text-center flex items-center justify-center gap-2 shadow-lg shadow-primary/20" > - {t('nav.contact_us')} + {t('nav.contact_us')}
- {t('nav.theme')} + {t('nav.theme')}
- {t('nav.language')} + {t('nav.language')}
diff --git a/frontend/src/components/TranslatedText.tsx b/frontend/src/components/TranslatedText.tsx index 9a7cd32..31b4fbb 100644 --- a/frontend/src/components/TranslatedText.tsx +++ b/frontend/src/components/TranslatedText.tsx @@ -1,71 +1,137 @@ 'use client'; -import { useEffect, useState, ElementType, ComponentPropsWithoutRef } from 'react'; -import { useTranslate } from '@/hooks/useTranslate'; +import { useEffect, useState, ReactNode } from 'react'; +import { useLanguage, Language } from '@/contexts/LanguageContext'; -interface TranslatedTextProps { - text: string; - as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'li'; +// Cache global de traduções +const translationCache = new Map(); + +// Função para traduzir texto via API +async function translateText(text: string, targetLang: string): Promise { + if (!text || text.trim() === '') return text; + + const cacheKey = `pt:${targetLang}:${text}`; + + if (translationCache.has(cacheKey)) { + return translationCache.get(cacheKey)!; + } + + try { + const response = await fetch('/api/translate', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ text, source: 'pt', target: targetLang }), + }); + + if (response.ok) { + const data = await response.json(); + const translated = data.translatedText || text; + translationCache.set(cacheKey, translated); + return translated; + } + } catch (error) { + console.error('Translation error:', error); + } + + return text; +} + +interface AutoTranslateProps { + children: string; + as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'li' | 'label'; className?: string; } /** * Componente que traduz texto automaticamente via LibreTranslate - * quando o idioma não é português + * Uso: Texto em português */ -export function TranslatedText({ text, as = 'span', className }: TranslatedTextProps) { - const { translate, language } = useTranslate(); - const [translatedText, setTranslatedText] = useState(text); - const [isLoading, setIsLoading] = useState(false); +export function T({ children, as = 'span', className }: AutoTranslateProps) { + const { language } = useLanguage(); + const [translatedText, setTranslatedText] = useState(children); useEffect(() => { if (language === 'PT') { - setTranslatedText(text); + setTranslatedText(children); return; } let cancelled = false; - setIsLoading(true); + const targetLang = language.toLowerCase(); - translate(text).then((result) => { + translateText(children, targetLang).then((result) => { if (!cancelled) { setTranslatedText(result); - setIsLoading(false); } }); return () => { cancelled = true; }; - }, [text, language, translate]); + }, [children, language]); const Tag = as; + return {translatedText}; +} - return ( - - {translatedText} - - ); +// Alias para uso mais curto +export const AutoTranslate = T; + +/** + * Hook para traduzir texto programaticamente + */ +export function useTranslate() { + const { language } = useLanguage(); + const [isTranslating, setIsTranslating] = useState(false); + + const translate = async (text: string): Promise => { + if (!text || language === 'PT') return text; + + setIsTranslating(true); + try { + const result = await translateText(text, language.toLowerCase()); + return result; + } finally { + setIsTranslating(false); + } + }; + + const translateBatch = async (texts: string[]): Promise => { + if (language === 'PT') return texts; + + setIsTranslating(true); + try { + const results = await Promise.all( + texts.map(text => translateText(text, language.toLowerCase())) + ); + return results; + } finally { + setIsTranslating(false); + } + }; + + return { translate, translateBatch, isTranslating, language }; } /** - * Hook para traduzir objetos de conteúdo do banco de dados + * Hook para traduzir conteúdo do banco de dados */ -export function useTranslatedContent>(content: T): { - translatedContent: T; - isTranslating: boolean +export function useTranslatedContent>(content: T | null): { + translatedContent: T | null; + isTranslating: boolean; } { - const { translateBatch, language } = useTranslate(); - const [translatedContent, setTranslatedContent] = useState(content); + const { language } = useLanguage(); + const [translatedContent, setTranslatedContent] = useState(content); const [isTranslating, setIsTranslating] = useState(false); useEffect(() => { - if (language === 'PT') { + if (!content || language === 'PT') { setTranslatedContent(content); return; } let cancelled = false; + const targetLang = language.toLowerCase(); const translateContent = async () => { setIsTranslating(true); @@ -75,13 +141,15 @@ export function useTranslatedContent>(content: const paths: string[] = []; const extractTexts = (obj: unknown, path: string = '') => { - if (typeof obj === 'string' && obj.length > 0) { + if (typeof obj === 'string' && obj.length > 0 && obj.length < 5000) { texts.push(obj); paths.push(path); } else if (Array.isArray(obj)) { obj.forEach((item, index) => extractTexts(item, `${path}[${index}]`)); } else if (obj && typeof obj === 'object') { Object.entries(obj).forEach(([key, value]) => { + // Ignorar campos que não devem ser traduzidos + if (['icon', 'image', 'img', 'url', 'href', 'id', 'slug'].includes(key)) return; extractTexts(value, path ? `${path}.${key}` : key); }); } @@ -95,7 +163,10 @@ export function useTranslatedContent>(content: } try { - const translations = await translateBatch(texts); + // Traduzir todos os textos + const translations = await Promise.all( + texts.map(text => translateText(text, targetLang)) + ); if (cancelled) return; @@ -128,7 +199,7 @@ export function useTranslatedContent>(content: return () => { cancelled = true; }; - }, [content, language, translateBatch]); + }, [content, language]); return { translatedContent, isTranslating }; } diff --git a/frontend/src/contexts/LanguageContext.tsx b/frontend/src/contexts/LanguageContext.tsx index 773f606..a4d5863 100644 --- a/frontend/src/contexts/LanguageContext.tsx +++ b/frontend/src/contexts/LanguageContext.tsx @@ -1,526 +1,65 @@ "use client"; -import React, { createContext, useContext, useState, useEffect } from 'react'; +import React, { createContext, useContext, useState, useEffect, useCallback } from 'react'; -type Language = 'PT' | 'EN' | 'ES'; +export type Language = 'PT' | 'EN' | 'ES'; interface LanguageContextType { language: Language; setLanguage: (lang: Language) => void; - t: (key: string) => string; - tDynamic: (content: { PT: string, EN?: string, ES?: string }) => string; + t: (text: string) => string; // Retorna texto em PT (será traduzido pelo componente) } const LanguageContext = createContext(undefined); -export const translations = { - PT: { - 'nav.home': 'Início', - 'nav.services': 'Serviços', - 'nav.projects': 'Projetos', - 'nav.contact': 'Contato', - 'nav.about': 'Sobre', - 'nav.search': 'Buscar...', - 'nav.contact_us': 'Fale Conosco', - 'nav.theme': 'Tema', - 'nav.language': 'Idioma', - 'footer.rights': 'Todos os direitos reservados.', +// Textos fixos do sistema em português (serão traduzidos automaticamente pelo componente T) +const systemTexts: Record = { + // Navegação + 'nav.home': 'Início', + 'nav.services': 'Serviços', + 'nav.projects': 'Projetos', + 'nav.contact': 'Contato', + 'nav.about': 'Sobre', + 'nav.search': 'Buscar...', + 'nav.contact_us': 'Fale Conosco', + 'nav.theme': 'Tema', + 'nav.language': 'Idioma', + + // Footer + 'footer.rights': 'Todos os direitos reservados.', + 'services.title': 'Serviços', - // Home - Hero - 'home.hero.badge': 'Prestador de Serviço Oficial', - 'home.hero.title': 'Engenharia de', - 'home.hero.title_highlight': 'Dispositivos de Içamento', - 'home.hero.subtitle': 'Desenvolvemos projetos, laudos e soluções técnicas para equipamentos de movimentação de carga. Segurança e conformidade normativa para sua operação.', - 'home.hero.cta_primary': 'Falar com Engenheiro', - 'home.hero.cta_secondary': 'Ver Soluções', - - // Home - Features - 'home.features.pretitle': 'Diferenciais', - 'home.features.title': 'Segurança e Eficiência', - 'home.features.1.title': 'Normas Técnicas', - 'home.features.1.desc': 'Projetos e adequações rigorosamente alinhados com as normas NR-12, NR-11 e resoluções do CONTRAN.', - 'home.features.2.title': 'Engenharia Mecânica', - 'home.features.2.desc': 'Desenvolvimento de dispositivos de içamento e soluções personalizadas para otimizar sua logística.', - 'home.features.3.title': 'Projetos de Implementos', - 'home.features.3.desc': 'Engenharia especializada para instalação e adequação de Muncks, plataformas e dispositivos em veículos de carga.', - - // Home - Services - 'home.services.pretitle': 'O que fazemos', - 'home.services.title': 'Soluções Especializadas', - 'home.services.1.title': 'Projetos Mecânicos', - 'home.services.1.desc': 'Desenvolvimento de dispositivos de içamento (Spreaders, Balancins).', - 'home.services.2.title': 'Laudos Técnicos', - 'home.services.2.desc': 'Inspeção e certificação de equipamentos de carga conforme normas.', - 'home.services.3.title': 'Adequação NR-12', - 'home.services.3.desc': 'Projetos de segurança para máquinas e equipamentos.', - 'home.services.4.title': 'Engenharia Veicular', - 'home.services.4.desc': 'Projetos para instalação de equipamentos em caminhões.', - 'home.services.link': 'Ver todos os serviços', - - // Home - About - 'home.about.pretitle': 'Sobre Nós', - 'home.about.title': 'Engenharia que garante segurança', - 'home.about.desc': 'A Octto Engenharia é parceira técnica de grandes empresas logísticas. Não operamos frotas, nós garantimos que os equipamentos que movem sua carga sejam seguros, eficientes e estejam dentro das normas.', - 'home.about.list.1': 'Projetos de Dispositivos de Içamento', - 'home.about.list.2': 'Laudos Técnicos para Muncks e Guindastes', - 'home.about.list.3': 'Responsabilidade Técnica (ART) garantida', - 'home.about.link': 'Conheça nossa expertise', - - // Home - Projects - 'home.projects.pretitle': 'Portfólio', - 'home.projects.title': 'Projetos Recentes', - 'home.projects.link': 'Ver todos os projetos', - 'home.projects.1.cat': 'Engenharia Veicular', - 'home.projects.1.title': 'Projeto de Adequação - Coca-Cola', - 'home.projects.2.cat': 'Inspeção Técnica', - 'home.projects.2.title': 'Laudo de Guindaste Articulado', - 'home.projects.3.cat': 'Projeto Mecânico', - 'home.projects.3.title': 'Dispositivo de Içamento Especial', - 'home.projects.4.cat': 'Laudos', - 'home.projects.4.title': 'Certificação NR-12 - Parque Industrial', - 'home.projects.5.cat': 'Engenharia Veicular', - 'home.projects.5.title': 'Homologação de Plataforma Elevatória', - 'home.projects.6.cat': 'Segurança do Trabalho', - 'home.projects.6.title': 'Projeto de Linha de Vida para Caminhões', - 'home.projects.view_details': 'Ver detalhes', - - // Home - Testimonials - 'home.testimonials.pretitle': 'Depoimentos', - 'home.testimonials.title': 'Parceiros que confiam', - 'home.testimonials.1.text': 'A Octto realizou a adequação de toda nossa frota de caminhões com excelência técnica e rapidez.', - 'home.testimonials.1.role': 'Gerente de Frota, Distribuidora Bebidas', - 'home.testimonials.2.text': 'Os laudos técnicos emitidos pela Octto nos deram total segurança jurídica e operacional.', - 'home.testimonials.2.role': 'Diretora Operacional, Logística Express', - 'home.testimonials.3.text': 'O projeto do dispositivo de içamento resolveu um gargalo antigo da nossa produção. Recomendo.', - 'home.testimonials.3.role': 'Engenheiro Chefe, Indústria Metalúrgica', - - // Home - CTA - 'home.cta.title': 'Pronto para iniciar seu projeto?', - 'home.cta.desc': 'Entre em contato conosco hoje mesmo e descubra como podemos ajudar a transformar sua visão em realidade.', - 'home.cta.button': 'Falar com um Especialista', - - // Services Page - 'services.hero.title': 'Nossos Serviços', - 'services.hero.subtitle': 'Soluções completas em engenharia mecânica e movimentação de carga.', - 'services.cta.title': 'Precisa de uma solução personalizada?', - 'services.cta.button': 'Falar com um Engenheiro', - 'services.scope': 'Escopo do Serviço', - 'services.title': 'Serviços', - - // Projects Page - 'projects.hero.title': 'Nossos Projetos', - 'projects.hero.subtitle': 'Explore nosso portfólio de soluções em movimentação de carga e engenharia mecânica.', - 'projects.filter.all': 'Todos', - 'projects.filter.implements': 'Implementos', - 'projects.filter.mechanical': 'Projetos Mecânicos', - 'projects.filter.reports': 'Laudos', - 'projects.card.details': 'Ver detalhes', - - // About Page - 'about.hero.title': 'Sobre a Octto', - 'about.hero.subtitle': 'Conheça nossa trajetória, valores e o compromisso com a excelência na engenharia.', - 'about.history.pretitle': 'Nossa História', - 'about.history.title': 'Nossa História', - 'about.history.subtitle': 'Engenharia que impulsiona a logística', - 'about.history.p1': 'A Octto Engenharia nasceu da necessidade do mercado por soluções técnicas especializadas em movimentação de carga e implementos rodoviários. Identificamos que grandes frotas careciam de engenharia de ponta para garantir segurança e eficiência.', - 'about.history.p2': 'Hoje, somos parceiros estratégicos de grandes empresas de distribuição, como a Coca-Cola, desenvolvendo projetos de adequação, manutenção e certificação de equipamentos que são vitais para a cadeia logística nacional.', - 'about.values.pretitle': 'Nossos Pilares', - 'about.values.title': 'Nossos Pilares', - 'about.values.subtitle': 'Valores que nos guiam', - 'about.values.1.title': 'Excelência Técnica', - 'about.values.1.desc': 'Busca incessante pela perfeição em cada detalhe construtivo e de projeto.', - 'about.values.2.title': 'Transparência', - 'about.values.2.desc': 'Relacionamento claro e honesto com clientes, fornecedores e colaboradores.', - 'about.values.3.title': 'Sustentabilidade', - 'about.values.3.desc': 'Compromisso com práticas que respeitam o meio ambiente e a sociedade.', - 'about.values.quality.title': 'Excelência Técnica', - 'about.values.quality.desc': 'Busca incessante pela perfeição em cada detalhe construtivo e de projeto.', - 'about.values.transparency.title': 'Transparência', - 'about.values.transparency.desc': 'Relacionamento claro e honesto com clientes, fornecedores e colaboradores.', - 'about.values.sustainability.title': 'Sustentabilidade', - 'about.values.sustainability.desc': 'Compromisso com práticas que respeitam o meio ambiente e a sociedade.', - - // Contact Page - 'contact.hero.title': 'Contato', - 'contact.hero.subtitle': 'Estamos prontos para ouvir sobre o seu projeto. Entre em contato conosco.', - 'contact.info.pretitle': 'Fale Conosco', - 'contact.info.title': 'Canais de Atendimento', - 'contact.info.subtitle': 'Entre em contato pelos nossos canais oficiais', - 'contact.info.whatsapp.desc': 'Atendimento rápido e direto.', - 'contact.info.email.desc': 'Para orçamentos e dúvidas técnicas.', - 'contact.info.office.title': 'Escritório', - 'contact.info.phone.title': 'WhatsApp', - 'contact.info.email.title': 'E-mail', - 'contact.info.address.title': 'Escritório', - 'contact.form.title': 'Envie uma mensagem', - 'contact.form.name': 'Nome', - 'contact.form.name.placeholder': 'Seu nome', - 'contact.form.phone': 'Telefone', - 'contact.form.email': 'E-mail', - 'contact.form.email.placeholder': 'seu@email.com', - 'contact.form.subject': 'Assunto', - 'contact.form.message': 'Mensagem', - 'contact.form.message.placeholder': 'Como podemos ajudar?', - 'contact.form.submit': 'Enviar Mensagem', - 'contact.form.subject.select': 'Selecione um assunto', - 'contact.form.subject.quote': 'Solicitar Orçamento', - 'contact.form.subject.doubt': 'Dúvida Técnica', - 'contact.form.subject.partnership': 'Parceria', - 'contact.form.subject.other': 'Trabalhe Conosco', - - // Cookie Consent - 'cookie.text': 'Utilizamos cookies para melhorar sua experiência e analisar o tráfego do site. Ao continuar navegando, você concorda com nossa', - 'cookie.policy': 'Política de Privacidade', - 'cookie.accept': 'Aceitar', - 'cookie.decline': 'Recusar', - - // WhatsApp - 'whatsapp.label': 'Atendimento Rápido', - }, - EN: { - 'nav.home': 'Home', - 'nav.services': 'Services', - 'nav.projects': 'Projects', - 'nav.contact': 'Contact', - 'nav.about': 'About', - 'nav.search': 'Search...', - 'nav.contact_us': 'Contact Us', - 'nav.theme': 'Theme', - 'nav.language': 'Language', - 'footer.rights': 'All rights reserved.', - - // Home - Hero - 'home.hero.badge': 'Official Service Provider', - 'home.hero.title': 'Engineering of', - 'home.hero.title_highlight': 'Lifting Devices', - 'home.hero.subtitle': 'We develop projects, reports and technical solutions for load handling equipment. Safety and regulatory compliance for your operation.', - 'home.hero.cta_primary': 'Talk to an Engineer', - 'home.hero.cta_secondary': 'View Solutions', - - // Home - Features - 'home.features.pretitle': 'Differentials', - 'home.features.title': 'Safety and Efficiency', - 'home.features.1.title': 'Technical Standards', - 'home.features.1.desc': 'Projects and adaptations strictly aligned with NR-12, NR-11 standards and CONTRAN resolutions.', - 'home.features.2.title': 'Mechanical Engineering', - 'home.features.2.desc': 'Development of lifting devices and custom solutions to optimize your logistics.', - 'home.features.3.title': 'Implement Projects', - 'home.features.3.desc': 'Specialized engineering for installation and adaptation of Cranes, platforms and devices on cargo vehicles.', - - // Home - Services - 'home.services.pretitle': 'What we do', - 'home.services.title': 'Specialized Solutions', - 'home.services.1.title': 'Mechanical Projects', - 'home.services.1.desc': 'Development of lifting devices (Spreaders, Beams).', - 'home.services.2.title': 'Technical Reports', - 'home.services.2.desc': 'Inspection and certification of cargo equipment according to standards.', - 'home.services.3.title': 'NR-12 Adaptation', - 'home.services.3.desc': 'Safety projects for machinery and equipment.', - 'home.services.4.title': 'Vehicular Engineering', - 'home.services.4.desc': 'Projects for equipment installation on trucks.', - 'home.services.link': 'View all services', - - // Home - About - 'home.about.pretitle': 'About Us', - 'home.about.title': 'Engineering that ensures safety', - 'home.about.desc': 'Octto Engineering is a technical partner for major logistics companies. We do not operate fleets, we ensure that the equipment moving your cargo is safe, efficient and compliant.', - 'home.about.list.1': 'Lifting Device Projects', - 'home.about.list.2': 'Technical Reports for Cranes', - 'home.about.list.3': 'Technical Responsibility (ART) guaranteed', - 'home.about.link': 'Know our expertise', - - // Home - Projects - 'home.projects.pretitle': 'Portfolio', - 'home.projects.title': 'Recent Projects', - 'home.projects.link': 'View all projects', - 'home.projects.1.cat': 'Vehicular Engineering', - 'home.projects.1.title': 'Adaptation Project - Coca-Cola', - 'home.projects.2.cat': 'Technical Inspection', - 'home.projects.2.title': 'Articulated Crane Report', - 'home.projects.3.cat': 'Mechanical Project', - 'home.projects.3.title': 'Special Lifting Device', - 'home.projects.4.cat': 'Reports', - 'home.projects.4.title': 'NR-12 Certification - Industrial Park', - 'home.projects.5.cat': 'Vehicular Engineering', - 'home.projects.5.title': 'Lifting Platform Homologation', - 'home.projects.6.cat': 'Work Safety', - 'home.projects.6.title': 'Lifeline Project for Trucks', - 'home.projects.view_details': 'View details', - - // Home - Testimonials - 'home.testimonials.pretitle': 'Testimonials', - 'home.testimonials.title': 'Partners who trust', - 'home.testimonials.1.text': 'Octto performed the adaptation of our entire truck fleet with technical excellence and speed.', - 'home.testimonials.1.role': 'Fleet Manager, Beverage Distributor', - 'home.testimonials.2.text': 'The technical reports issued by Octto gave us total legal and operational security.', - 'home.testimonials.2.role': 'Operations Director, Logistics Express', - 'home.testimonials.3.text': 'The lifting device project solved an old bottleneck in our production. Highly recommend.', - 'home.testimonials.3.role': 'Chief Engineer, Metallurgical Industry', - - // Home - CTA - 'home.cta.title': 'Ready to start your project?', - 'home.cta.desc': 'Contact us today and discover how we can help transform your vision into reality.', - 'home.cta.button': 'Talk to a Specialist', - - // Services Page - 'services.hero.title': 'Our Services', - 'services.hero.subtitle': 'Complete solutions in mechanical engineering and load handling.', - 'services.cta.title': 'Need a custom solution?', - 'services.cta.button': 'Talk to an Engineer', - 'services.scope': 'Service Scope', - 'services.title': 'Services', - - // Projects Page - 'projects.hero.title': 'Our Projects', - 'projects.hero.subtitle': 'Explore our portfolio of solutions in load handling and mechanical engineering.', - 'projects.filter.all': 'All', - 'projects.filter.implements': 'Implements', - 'projects.filter.mechanical': 'Mechanical Projects', - 'projects.filter.reports': 'Reports', - 'projects.card.details': 'View details', - - // About Page - 'about.hero.title': 'About Octto', - 'about.hero.subtitle': 'Know our trajectory, values and commitment to engineering excellence.', - 'about.history.pretitle': 'Our History', - 'about.history.title': 'Our History', - 'about.history.subtitle': 'Engineering that drives logistics', - 'about.history.p1': 'Octto Engineering was born from the market need for specialized technical solutions in load handling and road implements. We identified that large fleets lacked cutting-edge engineering to ensure safety and efficiency.', - 'about.history.p2': 'Today, we are strategic partners of major distribution companies, such as Coca-Cola, developing adaptation, maintenance and equipment certification projects that are vital to the national logistics chain.', - 'about.values.pretitle': 'Our Pillars', - 'about.values.title': 'Our Pillars', - 'about.values.subtitle': 'Values that guide us', - 'about.values.1.title': 'Technical Excellence', - 'about.values.1.desc': 'Relentless pursuit of perfection in every constructive and design detail.', - 'about.values.2.title': 'Transparency', - 'about.values.2.desc': 'Clear and honest relationship with customers, suppliers and employees.', - 'about.values.3.title': 'Sustainability', - 'about.values.3.desc': 'Commitment to practices that respect the environment and society.', - 'about.values.quality.title': 'Technical Excellence', - 'about.values.quality.desc': 'Relentless pursuit of perfection in every constructive and design detail.', - 'about.values.transparency.title': 'Transparency', - 'about.values.transparency.desc': 'Clear and honest relationship with customers, suppliers and employees.', - 'about.values.sustainability.title': 'Sustainability', - 'about.values.sustainability.desc': 'Commitment to practices that respect the environment and society.', - - // Contact Page - 'contact.hero.title': 'Contact', - 'contact.hero.subtitle': 'We are ready to hear about your project. Contact us.', - 'contact.info.pretitle': 'Contact Us', - 'contact.info.title': 'Service Channels', - 'contact.info.subtitle': 'Contact us through our official channels', - 'contact.info.whatsapp.desc': 'Fast and direct service.', - 'contact.info.email.desc': 'For quotes and technical questions.', - 'contact.info.office.title': 'Office', - 'contact.info.phone.title': 'WhatsApp', - 'contact.info.email.title': 'E-mail', - 'contact.info.address.title': 'Office', - 'contact.form.title': 'Send a message', - 'contact.form.name': 'Name', - 'contact.form.name.placeholder': 'Your name', - 'contact.form.phone': 'Phone', - 'contact.form.email': 'E-mail', - 'contact.form.email.placeholder': 'your@email.com', - 'contact.form.subject': 'Subject', - 'contact.form.message': 'Message', - 'contact.form.message.placeholder': 'How can we help?', - 'contact.form.submit': 'Send Message', - 'contact.form.subject.select': 'Select a subject', - 'contact.form.subject.quote': 'Request Quote', - 'contact.form.subject.doubt': 'Technical Question', - 'contact.form.subject.partnership': 'Partnership', - 'contact.form.subject.other': 'Work with Us', - - // Cookie Consent - 'cookie.text': 'We use cookies to improve your experience and analyze site traffic. By continuing to browse, you agree to our', - 'cookie.policy': 'Privacy Policy', - 'cookie.accept': 'Accept', - 'cookie.decline': 'Decline', - - // WhatsApp - 'whatsapp.label': 'Quick Service', - }, - ES: { - 'nav.home': 'Inicio', - 'nav.services': 'Servicios', - 'nav.projects': 'Proyectos', - 'nav.contact': 'Contacto', - 'nav.about': 'Sobre', - 'nav.search': 'Buscar...', - 'nav.contact_us': 'Hable con Nosotros', - 'nav.theme': 'Tema', - 'nav.language': 'Idioma', - 'footer.rights': 'Todos los derechos reservados.', - - // Home - Hero - 'home.hero.badge': 'Proveedor de Servicio Oficial', - 'home.hero.title': 'Ingeniería de', - 'home.hero.title_highlight': 'Dispositivos de Elevación', - 'home.hero.subtitle': 'Desarrollamos proyectos, informes y soluciones técnicas para equipos de movimiento de carga. Seguridad y cumplimiento normativo para su operación.', - 'home.hero.cta_primary': 'Hablar con Ingeniero', - 'home.hero.cta_secondary': 'Ver Soluciones', - - // Home - Features - 'home.features.pretitle': 'Diferenciales', - 'home.features.title': 'Seguridad y Eficiencia', - 'home.features.1.title': 'Normas Técnicas', - 'home.features.1.desc': 'Proyectos y adecuaciones rigurosamente alineados con las normas NR-12, NR-11 y resoluciones del CONTRAN.', - 'home.features.2.title': 'Ingeniería Mecánica', - 'home.features.2.desc': 'Desarrollo de dispositivos de elevación y soluciones personalizadas para optimizar su logística.', - 'home.features.3.title': 'Proyectos de Implementos', - 'home.features.3.desc': 'Ingeniería especializada para instalación y adecuación de Grúas, plataformas y dispositivos en vehículos de carga.', - - // Home - Services - 'home.services.pretitle': 'Lo que hacemos', - 'home.services.title': 'Soluciones Especializadas', - 'home.services.1.title': 'Proyectos Mecánicos', - 'home.services.1.desc': 'Desarrollo de dispositivos de elevación (Spreaders, Balancines).', - 'home.services.2.title': 'Informes Técnicos', - 'home.services.2.desc': 'Inspección y certificación de equipos de carga conforme normas.', - 'home.services.3.title': 'Adecuación NR-12', - 'home.services.3.desc': 'Proyectos de seguridad para máquinas y equipos.', - 'home.services.4.title': 'Ingeniería Vehicular', - 'home.services.4.desc': 'Proyectos para instalación de equipos en camiones.', - 'home.services.link': 'Ver todos los servicios', - - // Home - About - 'home.about.pretitle': 'Sobre Nosotros', - 'home.about.title': 'Ingeniería que garantiza seguridad', - 'home.about.desc': 'Octto Ingeniería es socia técnica de grandes empresas logísticas. No operamos flotas, garantizamos que los equipos que mueven su carga sean seguros, eficientes y cumplan con las normas.', - 'home.about.list.1': 'Proyectos de Dispositivos de Elevación', - 'home.about.list.2': 'Informes Técnicos para Grúas', - 'home.about.list.3': 'Responsabilidad Técnica (ART) garantizada', - 'home.about.link': 'Conozca nuestra experiencia', - - // Home - Projects - 'home.projects.pretitle': 'Portafolio', - 'home.projects.title': 'Proyectos Recientes', - 'home.projects.link': 'Ver todos los proyectos', - 'home.projects.1.cat': 'Ingeniería Vehicular', - 'home.projects.1.title': 'Proyecto de Adecuación - Coca-Cola', - 'home.projects.2.cat': 'Inspección Técnica', - 'home.projects.2.title': 'Informe de Grúa Articulada', - 'home.projects.3.cat': 'Proyecto Mecánico', - 'home.projects.3.title': 'Dispositivo de Elevación Especial', - 'home.projects.4.cat': 'Informes', - 'home.projects.4.title': 'Certificación NR-12 - Parque Industrial', - 'home.projects.5.cat': 'Ingeniería Vehicular', - 'home.projects.5.title': 'Homologación de Plataforma Elevadora', - 'home.projects.6.cat': 'Seguridad Laboral', - 'home.projects.6.title': 'Proyecto de Línea de Vida para Camiones', - 'home.projects.view_details': 'Ver detalles', - - // Home - Testimonials - 'home.testimonials.pretitle': 'Testimonios', - 'home.testimonials.title': 'Socios que confían', - 'home.testimonials.1.text': 'Octto realizó la adecuación de toda nuestra flota de camiones con excelencia técnica y rapidez.', - 'home.testimonials.1.role': 'Gerente de Flota, Distribuidora Bebidas', - 'home.testimonials.2.text': 'Los informes técnicos emitidos por Octto nos dieron total seguridad jurídica y operativa.', - 'home.testimonials.2.role': 'Directora Operativa, Logística Express', - 'home.testimonials.3.text': 'El proyecto del dispositivo de elevación resolvió un cuello de botella antiguo de nuestra producción. Recomiendo.', - 'home.testimonials.3.role': 'Ingeniero Jefe, Industria Metalúrgica', - - // Home - CTA - 'home.cta.title': '¿Listo para iniciar su proyecto?', - 'home.cta.desc': 'Contáctenos hoy mismo y descubra cómo podemos ayudar a transformar su visión en realidad.', - 'home.cta.button': 'Hablar con un Especialista', - - // Services Page - 'services.hero.title': 'Nuestros Servicios', - 'services.hero.subtitle': 'Soluciones completas en ingeniería mecánica y movimiento de carga.', - 'services.cta.title': '¿Necesita una solución personalizada?', - 'services.cta.button': 'Hablar con un Ingeniero', - 'services.scope': 'Alcance del Servicio', - 'services.title': 'Servicios', - - // Projects Page - 'projects.hero.title': 'Nuestros Proyectos', - 'projects.hero.subtitle': 'Explore nuestro portafolio de soluciones en movimiento de carga e ingeniería mecánica.', - 'projects.filter.all': 'Todos', - 'projects.filter.implements': 'Implementos', - 'projects.filter.mechanical': 'Proyectos Mecánicos', - 'projects.filter.reports': 'Informes', - 'projects.card.details': 'Ver detalles', - - // About Page - 'about.hero.title': 'Sobre Octto', - 'about.hero.subtitle': 'Conozca nuestra trayectoria, valores y el compromiso con la excelencia en la ingeniería.', - 'about.history.pretitle': 'Nuestra Historia', - 'about.history.title': 'Nuestra Historia', - 'about.history.subtitle': 'Ingeniería que impulsa la logística', - 'about.history.p1': 'Octto Ingeniería nació de la necesidad del mercado por soluciones técnicas especializadas en movimiento de carga e implementos viales. Identificamos que grandes flotas carecían de ingeniería de punta para garantizar seguridad y eficiencia.', - 'about.history.p2': 'Hoy, somos socios estratégicos de grandes empresas de distribución, como Coca-Cola, desarrollando proyectos de adecuación, mantenimiento y certificación de equipos que son vitales para la cadena logística nacional.', - 'about.values.pretitle': 'Nuestros Pilares', - 'about.values.title': 'Nuestros Pilares', - 'about.values.subtitle': 'Valores que nos guían', - 'about.values.1.title': 'Excelencia Técnica', - 'about.values.1.desc': 'Búsqueda incesante de la perfección en cada detalle construtivo e de diseño.', - 'about.values.2.title': 'Transparencia', - 'about.values.2.desc': 'Relación clara y honesta con clientes, proveedores y empleados.', - 'about.values.3.title': 'Sostenibilidad', - 'about.values.3.desc': 'Compromiso con prácticas que respetan el medio ambiente y la sociedad.', - 'about.values.quality.title': 'Excelência Técnica', - 'about.values.quality.desc': 'Búsqueda incesante de la perfección en cada detalhe construtivo e de projeto.', - 'about.values.transparency.title': 'Transparência', - 'about.values.transparency.desc': 'Relacionamento claro e honesto com clientes, fornecedores e colaboradores.', - 'about.values.sustainability.title': 'Sustentabilidade', - 'about.values.sustainability.desc': 'Compromisso com práticas que respeitam o meio ambiente e a sociedade.', - - // Contact Page - 'contact.hero.title': 'Contacto', - 'contact.hero.subtitle': 'Estamos listos para escuchar sobre su proyecto. Contáctenos.', - 'contact.info.pretitle': 'Hable con Nosotros', - 'contact.info.title': 'Canales de Atención', - 'contact.info.subtitle': 'Contáctenos a través de nuestros canales oficiales', - 'contact.info.whatsapp.desc': 'Atención rápida y directa.', - 'contact.info.email.desc': 'Para presupuestos y dudas técnicas.', - 'contact.info.office.title': 'Oficina', - 'contact.info.phone.title': 'WhatsApp', - 'contact.info.email.title': 'E-mail', - 'contact.info.address.title': 'Oficina', - 'contact.form.title': 'Envíe un mensaje', - 'contact.form.name': 'Nombre', - 'contact.form.name.placeholder': 'Su nombre', - 'contact.form.phone': 'Teléfono', - 'contact.form.email': 'E-mail', - 'contact.form.email.placeholder': 'su@email.com', - 'contact.form.subject': 'Asunto', - 'contact.form.message': 'Mensaje', - 'contact.form.message.placeholder': '¿Cómo podemos ayudar?', - 'contact.form.submit': 'Enviar Mensaje', - 'contact.form.subject.select': 'Seleccione un asunto', - 'contact.form.subject.budget': 'Solicitar Presupuesto', - 'contact.form.subject.tech': 'Duda Técnica', - 'contact.form.subject.partnership': 'Asociación', - 'contact.form.subject.work': 'Trabaje con Nosotros', - - // Cookie Consent - 'cookie.text': 'Utilizamos cookies para mejorar su experiencia y analizar el tráfico del sitio. Al continuar navegando, acepta nuestra', - 'cookie.policy': 'Política de Privacidad', - 'cookie.accept': 'Aceptar', - 'cookie.decline': 'Rechazar', - - // WhatsApp - 'whatsapp.label': 'Atención Rápida', - } + // Cookies + 'cookie.text': 'Utilizamos cookies para melhorar sua experiência e analisar o tráfego do site. Ao continuar navegando, você concorda com nossa', + 'cookie.policy': 'Política de Privacidade', + 'cookie.accept': 'Aceitar', + 'cookie.decline': 'Recusar', }; export const LanguageProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => { - const [language, setLanguage] = useState('PT'); + const [language, setLanguageState] = useState('PT'); - const t = (key: string): string => { - return translations[language][key as keyof typeof translations[typeof language]] || key; + // Carregar idioma salvo + useEffect(() => { + const saved = localStorage.getItem('language') as Language; + if (saved && ['PT', 'EN', 'ES'].includes(saved)) { + setLanguageState(saved); + } + }, []); + + const setLanguage = (lang: Language) => { + setLanguageState(lang); + localStorage.setItem('language', lang); }; - const tDynamic = (content: { PT: string, EN?: string, ES?: string }): string => { - if (language === 'PT') return content.PT; - if (language === 'EN' && content.EN) return content.EN; - if (language === 'ES' && content.ES) return content.ES; - return content.PT; + // Função t() agora apenas retorna o texto em PT + // A tradução é feita pelo componente AutoTranslate + const t = (key: string): string => { + return systemTexts[key] || key; }; return ( - + {children} );