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
This commit is contained in:
Erik
@@ -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<ContactContent | null>(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() {
|
||||
<div className="bg-white dark:bg-secondary p-8 md:p-10 rounded-3xl shadow-xl border border-gray-100 dark:border-white/10 relative overflow-hidden">
|
||||
<div className="absolute top-0 right-0 w-32 h-32 bg-primary/5 rounded-bl-full -mr-10 -mt-10"></div>
|
||||
|
||||
<h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-8 relative z-10">{t('contact.form.title')}</h3>
|
||||
<h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-8 relative z-10"><T>Envie uma Mensagem</T></h3>
|
||||
|
||||
<form onSubmit={handleSubmit} className="flex flex-col gap-6 relative z-10">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div className="group">
|
||||
<label htmlFor="nome" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors">{t('contact.form.name')}</label>
|
||||
<label htmlFor="nome" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors"><T>Nome</T></label>
|
||||
<div className="relative">
|
||||
<i className="ri-user-line absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-primary transition-colors"></i>
|
||||
<input
|
||||
@@ -202,12 +204,12 @@ export default function ContatoPage() {
|
||||
value={formData.name}
|
||||
onChange={(e) => 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"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="group">
|
||||
<label htmlFor="telefone" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors">{t('contact.form.phone')}</label>
|
||||
<label htmlFor="telefone" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors"><T>Telefone</T></label>
|
||||
<div className="relative">
|
||||
<i className="ri-phone-line absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-primary transition-colors"></i>
|
||||
<input
|
||||
@@ -223,7 +225,7 @@ export default function ContatoPage() {
|
||||
</div>
|
||||
|
||||
<div className="group">
|
||||
<label htmlFor="email" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors">{t('contact.form.email')}</label>
|
||||
<label htmlFor="email" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors"><T>E-mail</T></label>
|
||||
<div className="relative">
|
||||
<i className="ri-mail-line absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-primary transition-colors"></i>
|
||||
<input
|
||||
@@ -233,13 +235,13 @@ export default function ContatoPage() {
|
||||
value={formData.email}
|
||||
onChange={(e) => 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"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group">
|
||||
<label htmlFor="assunto" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors">{t('contact.form.subject')}</label>
|
||||
<label htmlFor="assunto" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors"><T>Assunto</T></label>
|
||||
<div className="relative">
|
||||
<i className="ri-file-list-line absolute left-4 top-1/2 -translate-y-1/2 text-gray-400 group-focus-within:text-primary transition-colors"></i>
|
||||
<select
|
||||
@@ -248,18 +250,18 @@ export default function ContatoPage() {
|
||||
onChange={(e) => setFormData({...formData, subject: e.target.value})}
|
||||
className="w-full pl-11 pr-10 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 appearance-none cursor-pointer"
|
||||
>
|
||||
<option value="">{t('contact.form.subject.select')}</option>
|
||||
<option value="orcamento">{t('contact.form.subject.quote')}</option>
|
||||
<option value="duvida">{t('contact.form.subject.doubt')}</option>
|
||||
<option value="parceria">{t('contact.form.subject.partnership')}</option>
|
||||
<option value="trabalhe">{t('contact.form.subject.other')}</option>
|
||||
<option value="">Selecione um assunto</option>
|
||||
<option value="orcamento">Solicitar Orçamento</option>
|
||||
<option value="duvida">Dúvida Técnica</option>
|
||||
<option value="parceria">Proposta de Parceria</option>
|
||||
<option value="trabalhe">Outro Assunto</option>
|
||||
</select>
|
||||
<i className="ri-arrow-down-s-line absolute right-4 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="group">
|
||||
<label htmlFor="mensagem" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors">{t('contact.form.message')}</label>
|
||||
<label htmlFor="mensagem" className="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2 group-focus-within:text-primary transition-colors"><T>Mensagem</T></label>
|
||||
<div className="relative">
|
||||
<i className="ri-message-2-line absolute left-4 top-6 text-gray-400 group-focus-within:text-primary transition-colors"></i>
|
||||
<textarea
|
||||
@@ -268,7 +270,7 @@ export default function ContatoPage() {
|
||||
value={formData.message}
|
||||
onChange={(e) => setFormData({...formData, message: 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 h-40 text-gray-900 dark:text-white focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all resize-none"
|
||||
placeholder={t('contact.form.message.placeholder')}
|
||||
placeholder="Descreva como podemos ajudá-lo..."
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
@@ -281,11 +283,11 @@ export default function ContatoPage() {
|
||||
{submitting ? (
|
||||
<>
|
||||
<i className="ri-loader-4-line animate-spin"></i>
|
||||
<span>Enviando...</span>
|
||||
<span><T>Enviando...</T></span>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<span>{t('contact.form.submit')}</span>
|
||||
<span><T>Enviar Mensagem</T></span>
|
||||
<i className="ri-send-plane-fill group-hover:translate-x-1 transition-transform"></i>
|
||||
</>
|
||||
)}
|
||||
|
||||
@@ -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() {
|
||||
<div className="max-w-3xl">
|
||||
<div className="inline-flex items-center gap-3 bg-white/10 backdrop-blur-md border border-white/20 rounded-full px-5 py-2 mb-8 hover:bg-white/20 transition-colors cursor-default">
|
||||
<i className="ri-verified-badge-fill text-primary text-xl"></i>
|
||||
<span className="text-sm font-bold tracking-wider uppercase text-white">{t('home.hero.badge')} <span className="text-primary">Coca-Cola</span></span>
|
||||
<span className="text-sm font-bold tracking-wider uppercase text-white"><T>Prestador de Serviço Oficial</T> <span className="text-primary">Coca-Cola</span></span>
|
||||
</div>
|
||||
|
||||
<h1 className="text-5xl md:text-6xl font-bold font-headline mb-6 leading-tight">
|
||||
@@ -95,7 +97,7 @@ export default function Home() {
|
||||
{hero.buttonText}
|
||||
</Link>
|
||||
<Link href="/projetos" className="px-8 py-4 border-2 border-white text-white rounded-lg font-bold hover:bg-white hover:text-secondary transition-colors text-center">
|
||||
{t('home.hero.cta_secondary')}
|
||||
<T>Ver Soluções</T>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -143,7 +145,7 @@ export default function Home() {
|
||||
</div>
|
||||
<div className="text-center mt-12">
|
||||
<Link href="/servicos" className="text-primary font-bold hover:text-secondary dark:hover:text-white transition-colors inline-flex items-center gap-2">
|
||||
{t('home.services.link')} <i className="ri-arrow-right-line"></i>
|
||||
<T>Ver todos os serviços</T> <i className="ri-arrow-right-line"></i>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -173,7 +175,7 @@ export default function Home() {
|
||||
))}
|
||||
</ul>
|
||||
<Link href="/sobre" className="text-primary font-bold hover:text-white transition-colors flex items-center gap-2">
|
||||
{t('home.about.link')} <i className="ri-arrow-right-line"></i>
|
||||
<T>Conheça nossa expertise</T> <i className="ri-arrow-right-line"></i>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -184,29 +186,29 @@ export default function Home() {
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="flex flex-col md:flex-row justify-between items-start md:items-end mb-12 gap-4">
|
||||
<div>
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2">{t('home.projects.pretitle')}</h2>
|
||||
<h3 className="text-4xl font-bold font-headline text-secondary dark:text-white">{t('home.projects.title')}</h3>
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2"><T>Portfólio</T></h2>
|
||||
<h3 className="text-4xl font-bold font-headline text-secondary dark:text-white"><T>Projetos Recentes</T></h3>
|
||||
</div>
|
||||
<Link href="/projetos" className="px-6 py-3 border border-secondary dark:border-white text-secondary dark:text-white rounded-lg font-bold hover:bg-secondary hover:text-white dark:hover:bg-white dark:hover:text-secondary transition-colors">
|
||||
{t('home.projects.link')}
|
||||
<T>Ver todos os projetos</T>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{[
|
||||
{ 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) => (
|
||||
<div key={index} className="group relative overflow-hidden rounded-xl h-[400px] cursor-pointer">
|
||||
<div className="absolute inset-0 bg-cover bg-center transition-transform duration-500 group-hover:scale-110" style={{ backgroundImage: `url('${project.img}')` }}></div>
|
||||
<div className="absolute inset-0 bg-linear-to-t from-black/90 via-black/20 to-transparent opacity-80 group-hover:opacity-90 transition-opacity"></div>
|
||||
<div className="absolute bottom-0 left-0 p-8 w-full transform translate-y-4 group-hover:translate-y-0 transition-transform">
|
||||
<span className="text-primary font-bold text-sm uppercase tracking-wider mb-2 block">{project.cat}</span>
|
||||
<h3 className="text-2xl font-bold font-headline text-white mb-2">{project.title}</h3>
|
||||
<span className="text-primary font-bold text-sm uppercase tracking-wider mb-2 block"><T>{project.cat}</T></span>
|
||||
<h3 className="text-2xl font-bold font-headline text-white mb-2"><T>{project.title}</T></h3>
|
||||
<div className="h-0 group-hover:h-auto overflow-hidden transition-all">
|
||||
<span className="text-white/80 text-sm flex items-center gap-2 mt-4">
|
||||
{t('home.projects.view_details')} <i className="ri-arrow-right-line"></i>
|
||||
<T>Ver detalhes</T> <i className="ri-arrow-right-line"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<div className="absolute inset-0 bg-black/60 z-10"></div>
|
||||
<div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center"></div>
|
||||
<div className="container mx-auto px-4 relative z-20">
|
||||
<h1 className="text-5xl font-bold font-headline mb-4">{t('projects.hero.title')}</h1>
|
||||
<h1 className="text-5xl font-bold font-headline mb-4"><T>Nossos Projetos</T></h1>
|
||||
<p className="text-xl text-gray-300 max-w-2xl">
|
||||
{t('projects.hero.subtitle')}
|
||||
<T>Conheça alguns dos projetos que já realizamos para nossos clientes</T>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -77,10 +75,10 @@ export default function ProjetosPage() {
|
||||
<div className="container mx-auto px-4">
|
||||
{/* Filters (Placeholder) */}
|
||||
<div className="flex flex-wrap gap-4 mb-12 justify-center">
|
||||
<button className="px-6 py-2 bg-primary text-white rounded-full font-bold shadow-md">{t('projects.filter.all')}</button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors">{t('projects.filter.implements')}</button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors">{t('projects.filter.mechanical')}</button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors">{t('projects.filter.reports')}</button>
|
||||
<button className="px-6 py-2 bg-primary text-white rounded-full font-bold shadow-md"><T>Todos</T></button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors"><T>Implementos</T></button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors"><T>Projetos Mecânicos</T></button>
|
||||
<button className="px-6 py-2 bg-gray-100 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-full font-bold hover:bg-gray-200 dark:hover:bg-white/20 transition-colors"><T>Laudos</T></button>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
@@ -90,20 +88,20 @@ export default function ProjetosPage() {
|
||||
<div className="absolute inset-0 bg-cover bg-center transition-transform duration-700 group-hover:scale-110" style={{ backgroundImage: `url('${project.image}')` }}></div>
|
||||
<div className="absolute inset-0 bg-black/20 group-hover:bg-black/0 transition-colors"></div>
|
||||
<div className="absolute top-4 left-4 bg-white/90 backdrop-blur-sm px-3 py-1 rounded-md text-xs font-bold text-secondary uppercase tracking-wider">
|
||||
{project.category}
|
||||
<T>{project.category}</T>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-6 grow flex flex-col">
|
||||
<h3 className="text-xl font-bold font-headline text-secondary dark:text-white mb-2 group-hover:text-primary transition-colors">{project.title}</h3>
|
||||
<h3 className="text-xl font-bold font-headline text-secondary dark:text-white mb-2 group-hover:text-primary transition-colors"><T>{project.title}</T></h3>
|
||||
<div className="flex items-center gap-2 text-gray-500 dark:text-gray-400 text-sm mb-4">
|
||||
<i className="ri-map-pin-line"></i>
|
||||
<span>{project.location}</span>
|
||||
</div>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-6 line-clamp-3 grow">
|
||||
{project.description}
|
||||
<T>{project.description}</T>
|
||||
</p>
|
||||
<Link href={`/projetos/${project.id}`} className="inline-flex items-center gap-2 text-primary font-bold hover:gap-3 transition-all mt-auto">
|
||||
{t('projects.card.details')} <i className="ri-arrow-right-line"></i>
|
||||
<T>Ver Detalhes</T> <i className="ri-arrow-right-line"></i>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<div className="absolute inset-0 bg-black/60 z-10"></div>
|
||||
<div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1581092160562-40aa08e78837?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center"></div>
|
||||
<div className="container mx-auto px-4 relative z-20">
|
||||
<h1 className="text-5xl font-bold font-headline mb-4">{t('services.hero.title')}</h1>
|
||||
<h1 className="text-5xl font-bold font-headline mb-4"><T>Nossos Serviços</T></h1>
|
||||
<p className="text-xl text-gray-300 max-w-2xl">
|
||||
{t('services.hero.subtitle')}
|
||||
<T>Soluções completas em engenharia para atender às necessidades da sua empresa</T>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -65,22 +63,22 @@ export default function ServicosPage() {
|
||||
<span className="text-5xl font-bold text-gray-100 dark:text-white/10 font-headline select-none">0{index + 1}</span>
|
||||
</div>
|
||||
|
||||
<h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-4 group-hover:text-primary transition-colors">{service.title}</h3>
|
||||
<h3 className="text-2xl font-bold font-headline text-secondary dark:text-white mb-4 group-hover:text-primary transition-colors"><T>{service.title}</T></h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 leading-relaxed mb-8">
|
||||
{service.description}
|
||||
<T>{service.description}</T>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="mt-auto bg-gray-50/50 dark:bg-white/5 p-8 border-t border-gray-100 dark:border-white/10 backdrop-blur-sm">
|
||||
<h4 className="text-xs font-bold text-gray-400 uppercase tracking-wider mb-4 flex items-center gap-2">
|
||||
<span className="w-8 h-px bg-primary"></span>
|
||||
{t('services.scope')}
|
||||
<T>Escopo de Atuação</T>
|
||||
</h4>
|
||||
<ul className="grid grid-cols-1 sm:grid-cols-2 gap-y-3 gap-x-4">
|
||||
{service.features.map((feature, idx) => (
|
||||
<li key={idx} className="flex items-center gap-2 text-sm font-medium text-gray-700 dark:text-gray-300">
|
||||
<i className="ri-checkbox-circle-fill text-primary/80"></i>
|
||||
{feature}
|
||||
<T>{feature}</T>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
@@ -94,9 +92,9 @@ export default function ServicosPage() {
|
||||
{/* CTA */}
|
||||
<section className="py-16 bg-primary text-white text-center">
|
||||
<div className="container mx-auto px-4">
|
||||
<h2 className="text-3xl font-bold font-headline mb-6">{t('services.cta.title')}</h2>
|
||||
<h2 className="text-3xl font-bold font-headline mb-6"><T>Precisa de um serviço especializado?</T></h2>
|
||||
<Link href="/contato" className="inline-block px-8 py-3 bg-white text-primary rounded-lg font-bold hover:bg-gray-100 transition-colors">
|
||||
{t('services.cta.button')}
|
||||
<T>Solicite um Orçamento</T>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -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 (
|
||||
<main className="bg-white dark:bg-secondary transition-colors duration-300">
|
||||
{/* Hero Section */}
|
||||
@@ -13,9 +11,9 @@ export default function SobrePage() {
|
||||
<div className="absolute inset-0 bg-black/60 z-10"></div>
|
||||
<div className="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop')] bg-cover bg-center"></div>
|
||||
<div className="container mx-auto px-4 relative z-20">
|
||||
<h1 className="text-5xl font-bold font-headline mb-4">{t('about.hero.title')}</h1>
|
||||
<h1 className="text-5xl font-bold font-headline mb-4"><T>Sobre a OCCTO</T></h1>
|
||||
<p className="text-xl text-gray-300 max-w-2xl">
|
||||
{t('about.hero.subtitle')}
|
||||
<T>Conheça nossa história, missão e valores que nos guiam na entrega de excelência em engenharia</T>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -25,13 +23,13 @@ export default function SobrePage() {
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="flex flex-col md:flex-row gap-12 items-center">
|
||||
<div className="w-full md:w-1/2">
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2">{t('about.history.title')}</h2>
|
||||
<h3 className="text-3xl font-bold font-headline text-secondary dark:text-white mb-6">{t('about.history.subtitle')}</h3>
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2"><T>Nossa História</T></h2>
|
||||
<h3 className="text-3xl font-bold font-headline text-secondary dark:text-white mb-6"><T>Mais de 15 anos de experiência em engenharia</T></h3>
|
||||
<p className="text-gray-600 dark:text-gray-300 mb-4 leading-relaxed">
|
||||
{t('about.history.p1')}
|
||||
<T>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>
|
||||
</p>
|
||||
<p className="text-gray-600 dark:text-gray-300 mb-4 leading-relaxed">
|
||||
{t('about.history.p2')}
|
||||
<T>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.</T>
|
||||
</p>
|
||||
</div>
|
||||
<div className="w-full md:w-1/2 grid grid-cols-2 gap-4">
|
||||
@@ -50,30 +48,30 @@ export default function SobrePage() {
|
||||
<section className="py-20 bg-gray-50 dark:bg-[#121212]">
|
||||
<div className="container mx-auto px-4">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2">{t('about.values.title')}</h2>
|
||||
<h3 className="text-3xl font-bold font-headline text-secondary dark:text-white">{t('about.values.subtitle')}</h3>
|
||||
<h2 className="text-primary font-bold tracking-wider uppercase mb-2"><T>Nossos Valores</T></h2>
|
||||
<h3 className="text-3xl font-bold font-headline text-secondary dark:text-white"><T>O que nos move</T></h3>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="bg-white dark:bg-secondary p-8 rounded-xl shadow-sm border-t-4 border-primary">
|
||||
<div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6">
|
||||
<i className="ri-medal-line text-2xl"></i>
|
||||
</div>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3">{t('about.values.quality.title')}</h4>
|
||||
<p className="text-gray-600 dark:text-gray-400">{t('about.values.quality.desc')}</p>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3"><T>Qualidade</T></h4>
|
||||
<p className="text-gray-600 dark:text-gray-400"><T>Comprometimento com a excelência em cada projeto, garantindo precisão e conformidade em todas as entregas.</T></p>
|
||||
</div>
|
||||
<div className="bg-white dark:bg-secondary p-8 rounded-xl shadow-sm border-t-4 border-primary">
|
||||
<div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6">
|
||||
<i className="ri-shake-hands-line text-2xl"></i>
|
||||
</div>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3">{t('about.values.transparency.title')}</h4>
|
||||
<p className="text-gray-600 dark:text-gray-400">{t('about.values.transparency.desc')}</p>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3"><T>Transparência</T></h4>
|
||||
<p className="text-gray-600 dark:text-gray-400"><T>Relações baseadas na honestidade e comunicação clara, mantendo nossos clientes sempre informados.</T></p>
|
||||
</div>
|
||||
<div className="bg-white dark:bg-secondary p-8 rounded-xl shadow-sm border-t-4 border-primary">
|
||||
<div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center text-primary mb-6">
|
||||
<i className="ri-leaf-line text-2xl"></i>
|
||||
</div>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3">{t('about.values.sustainability.title')}</h4>
|
||||
<p className="text-gray-600 dark:text-gray-400">{t('about.values.sustainability.desc')}</p>
|
||||
<h4 className="text-xl font-bold font-headline text-secondary dark:text-white mb-3"><T>Sustentabilidade</T></h4>
|
||||
<p className="text-gray-600 dark:text-gray-400"><T>Compromisso com práticas responsáveis e soluções que minimizam impactos ambientais.</T></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
</div>
|
||||
</div>
|
||||
<p className="text-gray-400 mb-6">
|
||||
Soluções em engenharia mecânica e segurança para movimentação de carga.
|
||||
<T>Soluções em engenharia mecânica e segurança para movimentação de carga.</T>
|
||||
</p>
|
||||
|
||||
<div className="inline-flex items-center gap-2 bg-white/5 border border-white/10 rounded-lg px-3 py-2 mb-6">
|
||||
<i className="ri-verified-badge-fill text-primary"></i>
|
||||
<span className="text-xs font-bold text-gray-300 uppercase tracking-wide">Prestador Oficial <span className="text-primary">Coca-Cola</span></span>
|
||||
<span className="text-xs font-bold text-gray-300 uppercase tracking-wide"><T>Prestador Oficial</T> <span className="text-primary">Coca-Cola</span></span>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
@@ -43,30 +44,30 @@ export default function Footer() {
|
||||
|
||||
{/* Links */}
|
||||
<div>
|
||||
<h3 className="text-lg font-bold font-headline mb-6">Links Rápidos</h3>
|
||||
<h3 className="text-lg font-bold font-headline mb-6"><T>Links Rápidos</T></h3>
|
||||
<ul className="space-y-4">
|
||||
<li><Link href="/" className="text-gray-400 hover:text-primary transition-colors">{t('nav.home')}</Link></li>
|
||||
<li><Link href="/sobre" className="text-gray-400 hover:text-primary transition-colors">{t('nav.about')}</Link></li>
|
||||
<li><Link href="/servicos" className="text-gray-400 hover:text-primary transition-colors">{t('nav.services')}</Link></li>
|
||||
<li><Link href="/projetos" className="text-gray-400 hover:text-primary transition-colors">{t('nav.projects')}</Link></li>
|
||||
<li><Link href="/contato" className="text-gray-400 hover:text-primary transition-colors">{t('nav.contact')}</Link></li>
|
||||
<li><Link href="/" className="text-gray-400 hover:text-primary transition-colors"><T>{t('nav.home')}</T></Link></li>
|
||||
<li><Link href="/sobre" className="text-gray-400 hover:text-primary transition-colors"><T>{t('nav.about')}</T></Link></li>
|
||||
<li><Link href="/servicos" className="text-gray-400 hover:text-primary transition-colors"><T>{t('nav.services')}</T></Link></li>
|
||||
<li><Link href="/projetos" className="text-gray-400 hover:text-primary transition-colors"><T>{t('nav.projects')}</T></Link></li>
|
||||
<li><Link href="/contato" className="text-gray-400 hover:text-primary transition-colors"><T>{t('nav.contact')}</T></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Services */}
|
||||
<div>
|
||||
<h3 className="text-lg font-bold font-headline mb-6">{t('services.title')}</h3>
|
||||
<h3 className="text-lg font-bold font-headline mb-6"><T>{t('services.title')}</T></h3>
|
||||
<ul className="space-y-4">
|
||||
<li className="text-gray-400">Projetos de Dispositivos</li>
|
||||
<li className="text-gray-400">Engenharia de Implementos</li>
|
||||
<li className="text-gray-400">Inspeção de Equipamentos</li>
|
||||
<li className="text-gray-400">Laudos Técnicos (NR-11/12)</li>
|
||||
<li className="text-gray-400"><T>Projetos de Dispositivos</T></li>
|
||||
<li className="text-gray-400"><T>Engenharia de Implementos</T></li>
|
||||
<li className="text-gray-400"><T>Inspeção de Equipamentos</T></li>
|
||||
<li className="text-gray-400"><T>Laudos Técnicos (NR-11/12)</T></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Contact */}
|
||||
<div>
|
||||
<h3 className="text-lg font-bold font-headline mb-6">{t('nav.contact')}</h3>
|
||||
<h3 className="text-lg font-bold font-headline mb-6"><T>{t('nav.contact')}</T></h3>
|
||||
<ul className="space-y-4">
|
||||
<li className="flex items-start gap-3 text-gray-400">
|
||||
<i className="ri-map-pin-line mt-1 text-primary"></i>
|
||||
@@ -86,11 +87,11 @@ export default function Footer() {
|
||||
|
||||
<div className="border-t border-white/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4">
|
||||
<p className="text-gray-500 text-sm">
|
||||
© {new Date().getFullYear()} OCCTO Engenharia. {t('footer.rights')}
|
||||
© {new Date().getFullYear()} OCCTO Engenharia. <T>{t('footer.rights')}</T>
|
||||
</p>
|
||||
<div className="flex gap-6 text-sm text-gray-500">
|
||||
<Link href="/privacidade" className="hover:text-white">Política de Privacidade</Link>
|
||||
<Link href="/termos" className="hover:text-white">Termos de Uso</Link>
|
||||
<Link href="/privacidade" className="hover:text-white"><T>Política de Privacidade</T></Link>
|
||||
<Link href="/termos" className="hover:text-white"><T>Termos de Uso</T></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<nav className="flex items-center gap-6 mr-4">
|
||||
<Link href="/" className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary font-medium transition-colors group">
|
||||
<i className="ri-home-4-line text-lg group-hover:scale-110 transition-transform"></i>
|
||||
<span className="hidden lg:inline">{t('nav.home')}</span>
|
||||
<span className="hidden lg:inline"><T>{t('nav.home')}</T></span>
|
||||
</Link>
|
||||
<Link href="/servicos" className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary font-medium transition-colors group">
|
||||
<i className="ri-tools-line text-lg group-hover:scale-110 transition-transform"></i>
|
||||
<span className="hidden lg:inline">{t('nav.services')}</span>
|
||||
<span className="hidden lg:inline"><T>{t('nav.services')}</T></span>
|
||||
</Link>
|
||||
<Link href="/projetos" className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary font-medium transition-colors group">
|
||||
<i className="ri-briefcase-line text-lg group-hover:scale-110 transition-transform"></i>
|
||||
<span className="hidden lg:inline">{t('nav.projects')}</span>
|
||||
<span className="hidden lg:inline"><T>{t('nav.projects')}</T></span>
|
||||
</Link>
|
||||
<Link href="/contato" className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary font-medium transition-colors group">
|
||||
<i className="ri-mail-send-line text-lg group-hover:scale-110 transition-transform"></i>
|
||||
<span className="hidden lg:inline">{t('nav.contact')}</span>
|
||||
<span className="hidden lg:inline"><T>{t('nav.contact')}</T></span>
|
||||
</Link>
|
||||
<Link href="/sobre" className="flex items-center gap-2 text-gray-600 dark:text-gray-300 hover:text-primary dark:hover:text-primary font-medium transition-colors group">
|
||||
<i className="ri-user-line text-lg group-hover:scale-110 transition-transform"></i>
|
||||
<span className="hidden lg:inline">{t('nav.about')}</span>
|
||||
<span className="hidden lg:inline"><T>{t('nav.about')}</T></span>
|
||||
</Link>
|
||||
</nav>
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
<i className="ri-whatsapp-line"></i>
|
||||
<span className="hidden xl:inline">{t('nav.contact_us')}</span>
|
||||
<span className="hidden xl:inline"><T>{t('nav.contact_us')}</T></span>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -168,23 +169,23 @@ export default function Header() {
|
||||
<nav className="flex flex-col gap-4 text-base font-medium">
|
||||
<Link href="/" onClick={() => setIsMobileMenuOpen(false)} className="flex items-center gap-3 py-2 border-b border-gray-100 dark:border-white/10 text-secondary dark:text-white">
|
||||
<i className="ri-home-4-line text-primary text-lg"></i>
|
||||
{t('nav.home')}
|
||||
<T>{t('nav.home')}</T>
|
||||
</Link>
|
||||
<Link href="/servicos" onClick={() => setIsMobileMenuOpen(false)} className="flex items-center gap-3 py-2 border-b border-gray-100 dark:border-white/10 text-secondary dark:text-white">
|
||||
<i className="ri-tools-line text-primary text-lg"></i>
|
||||
{t('nav.services')}
|
||||
<T>{t('nav.services')}</T>
|
||||
</Link>
|
||||
<Link href="/projetos" onClick={() => setIsMobileMenuOpen(false)} className="flex items-center gap-3 py-2 border-b border-gray-100 dark:border-white/10 text-secondary dark:text-white">
|
||||
<i className="ri-briefcase-line text-primary text-lg"></i>
|
||||
{t('nav.projects')}
|
||||
<T>{t('nav.projects')}</T>
|
||||
</Link>
|
||||
<Link href="/contato" onClick={() => setIsMobileMenuOpen(false)} className="flex items-center gap-3 py-2 border-b border-gray-100 dark:border-white/10 text-secondary dark:text-white">
|
||||
<i className="ri-mail-send-line text-primary text-lg"></i>
|
||||
{t('nav.contact')}
|
||||
<T>{t('nav.contact')}</T>
|
||||
</Link>
|
||||
<Link href="/sobre" onClick={() => setIsMobileMenuOpen(false)} className="flex items-center gap-3 py-2 border-b border-gray-100 dark:border-white/10 text-secondary dark:text-white">
|
||||
<i className="ri-user-line text-primary text-lg"></i>
|
||||
{t('nav.about')}
|
||||
<T>{t('nav.about')}</T>
|
||||
</Link>
|
||||
</nav>
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
<i className="ri-whatsapp-line text-xl"></i>
|
||||
{t('nav.contact_us')}
|
||||
<T>{t('nav.contact_us')}</T>
|
||||
</Link>
|
||||
|
||||
<div
|
||||
className="flex items-center justify-between p-4 bg-gray-50 dark:bg-white/5 rounded-xl cursor-pointer hover:bg-gray-100 dark:hover:bg-white/10 transition-colors"
|
||||
onClick={toggleTheme}
|
||||
>
|
||||
<span className="text-sm font-bold text-gray-500 dark:text-gray-400">{t('nav.theme')}</span>
|
||||
<span className="text-sm font-bold text-gray-500 dark:text-gray-400"><T>{t('nav.theme')}</T></span>
|
||||
<button
|
||||
className="w-10 h-10 rounded-full bg-white dark:bg-white/10 flex items-center justify-center text-gray-600 dark:text-yellow-400 shadow-sm transition-colors"
|
||||
>
|
||||
@@ -215,7 +216,7 @@ export default function Header() {
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between p-4 bg-gray-50 dark:bg-white/5 rounded-xl">
|
||||
<span className="text-sm font-bold text-gray-500 dark:text-gray-400">{t('nav.language')}</span>
|
||||
<span className="text-sm font-bold text-gray-500 dark:text-gray-400"><T>{t('nav.language')}</T></span>
|
||||
<div className="flex gap-2">
|
||||
<button onClick={() => setLanguage('PT')} className={`w-10 h-10 rounded-lg flex items-center justify-center text-xl cursor-pointer transition-all ${language === 'PT' ? 'bg-white dark:bg-white/10 shadow-sm scale-110' : 'opacity-50 hover:opacity-100'}`}>🇧🇷</button>
|
||||
<button onClick={() => setLanguage('EN')} className={`w-10 h-10 rounded-lg flex items-center justify-center text-xl cursor-pointer transition-all ${language === 'EN' ? 'bg-white dark:bg-white/10 shadow-sm scale-110' : 'opacity-50 hover:opacity-100'}`}>🇺🇸</button>
|
||||
|
||||
@@ -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<string, string>();
|
||||
|
||||
// Função para traduzir texto via API
|
||||
async function translateText(text: string, targetLang: string): Promise<string> {
|
||||
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: <T>Texto em português</T>
|
||||
*/
|
||||
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 <Tag className={className}>{translatedText}</Tag>;
|
||||
}
|
||||
|
||||
return (
|
||||
<Tag className={className} data-translating={isLoading}>
|
||||
{translatedText}
|
||||
</Tag>
|
||||
);
|
||||
// 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<string> => {
|
||||
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<string[]> => {
|
||||
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<T extends Record<string, unknown>>(content: T): {
|
||||
translatedContent: T;
|
||||
isTranslating: boolean
|
||||
export function useTranslatedContent<T extends Record<string, unknown>>(content: T | null): {
|
||||
translatedContent: T | null;
|
||||
isTranslating: boolean;
|
||||
} {
|
||||
const { translateBatch, language } = useTranslate();
|
||||
const [translatedContent, setTranslatedContent] = useState<T>(content);
|
||||
const { language } = useLanguage();
|
||||
const [translatedContent, setTranslatedContent] = useState<T | null>(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<T extends Record<string, unknown>>(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<T extends Record<string, unknown>>(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<T extends Record<string, unknown>>(content:
|
||||
return () => {
|
||||
cancelled = true;
|
||||
};
|
||||
}, [content, language, translateBatch]);
|
||||
}, [content, language]);
|
||||
|
||||
return { translatedContent, isTranslating };
|
||||
}
|
||||
|
||||
@@ -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<LanguageContextType | undefined>(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<string, string> = {
|
||||
// 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<Language>('PT');
|
||||
const [language, setLanguageState] = useState<Language>('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 (
|
||||
<LanguageContext.Provider value={{ language, setLanguage, t, tDynamic }}>
|
||||
<LanguageContext.Provider value={{ language, setLanguage, t }}>
|
||||
{children}
|
||||
</LanguageContext.Provider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user