/* * JavaScript Puro: TCL Reservatórios Premium * Funções: Menu Mobile, Header Fixo (Sticky) e Scroll Suave. * Autor: Alquimista do Código 2.0 */ document.addEventListener('DOMContentLoaded', () => { // --- 1. Menu Mobile (Hamburguer) --- const navToggle = document.querySelector('.nav__toggle'); const navList = document.querySelector('.nav__list'); const body = document.body; if (navToggle && navList) { navToggle.addEventListener('click', () => { body.classList.toggle('nav-open'); const isExpanded = navToggle.getAttribute('aria-expanded') === 'true'; navToggle.setAttribute('aria-expanded', !isExpanded); }); } // --- 2. Dropdown (Acessível por Teclado e Click) --- // Esta lógica é necessária para desktop e mobile const dropdownToggles = document.querySelectorAll('.nav__link--dropdown-toggle'); dropdownToggles.forEach(toggle => { toggle.addEventListener('click', (e) => { // Prevenir o clique no link se for um dropdown (especialmente em mobile) e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); }); // Adiciona suporte a teclado (Enter) toggle.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); } }); }); // --- 3. Header Fixo (Sticky on Scroll) --- const header = document.getElementById('header'); if (header) { const stickyThreshold = 50; // Distância de scroll para fixar const handleScroll = () => { if (window.scrollY > stickyThreshold) { header.classList.add('header--sticky'); } else { header.classList.remove('header--sticky'); } }; window.addEventListener('scroll', handleScroll, { passive: true }); } // --- 4. Scroll Suave para Âncoras (Ex: CTA do Hero) --- const anchorLinks = document.querySelectorAll('a[href^="#"]'); anchorLinks.forEach(link => { link.addEventListener('click', function(e) { const href = this.getAttribute('href'); // Ignorar links que são apenas '#' ou toggles de dropdown if (href === '#' || this.classList.contains('nav__link--dropdown-toggle')) return; const targetElement = document.querySelector(href); if (targetElement) { e.preventDefault(); // Fecha o menu mobile se estiver aberto if (body.classList.contains('nav-open')) { body.classList.remove('nav-open'); navToggle.setAttribute('aria-expanded', 'false'); } // Calcula a posição do elemento de destino const headerOffset = header ? header.offsetHeight : 0; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); });
TCL Reservatórios - Engenharia de Precisão em Reservatórios Metálicos
Solicitar Orçamento

Engenharia de Precisão em Reservatórios Metálicos

Soluções confiáveis e duradouras que atendem as mais rigorosas normas técnicas do Brasil.

Solicitar Orçamento
📞 Central: 0800-000-0000
🛡️ Garantia de 5 anos
Reservatório Metálico TCL

Nossos Produtos

Conheça nossa linha completa de reservatórios metálicos. Projetados e desenvolvidos por nossa experiente equipe de engenheiros de produto.

Reservatório Taça

Reservatório Taça

Ideal para abastecimento e armazenamento de água potável em espaços reduzidos.

Saiba mais →
Reservatório Tubular

Reservatório Tubular

Solução versátil para armazenamento vertical com excelente custo-benefício.

Saiba mais →
Reservatório Cilíndrico

Reservatório Cilíndrico

Opção robusta para grandes volumes de armazenamento com resistência e durabilidade.

Saiba mais →
Reservatório Elevado

Reservatório Elevado

Estrutura robusta com altura personalizada ideal para maior pressão hidráulica.

Saiba mais →
Soluções para Agronegócio

Soluções para Agronegócio

Desenvolvido para suprir as necessidades específicas do setor agrícola.

Saiba mais →
Soluções Customizadas

Soluções Customizadas

Projetos especiais desenvolvidos conforme suas necessidades específicas.

Saiba mais →

Por Que Escolher a TCL Reservatórios

A TCL é líder no segmento de reservatórios metálicos no Brasil. Conheça nossas vantagens.

⭐

Qualidade Superior

Utilizamos os EPI's necessários e contamos com equipe qualificada para montagem de reservatórios de qualidade.

🏆

Certificações

Todos os nossos processos são certificados ISO, garantindo qualidade nos processos, produtos e instalações.

⏱️

Durabilidade Comprovada

Desenvolvidos para garantir alta durabilidade com resistência à corrosão.

🔧

Engenharia Especializada

Equipe especializada que garante excelente desempenho e alta qualidade estrutural.

Mais de 3.000 projetos executados em todo o Brasil

Qualidade comprovada e reconhecida é a nossa marca registrada. Nossa expertise é sua garantia de sucesso.

Fale com Especialista

Clientes e Depoimentos

Confira as experiências de nossos clientes com os produtos e serviços da TCL Reservatórios

Eng. Ricardo Mendes

Eng. Ricardo Mendes

Petrobras S/A

"Estamos muito satisfeitos com os reservatórios da TCL. A qualidade do material e acabamento são excelentes, e a equipe técnica garantiu que todo o projeto e especificação fosse seguido à risca."

Dra. Carla Mendonça

Dra. Carla Mendonça

Hospital Regional

"A instalação do reservatório foi um processo eficiente e profissional. A equipe da TCL demonstrou um excelente departamento técnico. Recomendo fortemente."

Eng. Paulo Ribeiro

Eng. Paulo Ribeiro

Construtora ABC

"Os reservatórios da TCL foram essenciais para nosso projeto. A durabilidade, resistência e construção representam exatamente tudo que a construtora precisava."

Conteúdo Técnico

Compartilhamos conhecimento técnico para auxiliar engenheiros e gestores na tomada de decisão

📝

Artigos Técnicos

Nossa equipe de especialistas compartilha conhecimentos técnicos sobre reservatórios metálicos.

📊

Recursos Técnicos

Download de materiais técnicos para auxiliar no dimensionamento do seu projeto.

Dimensionamento de Reservatórios

Dimensionamento de Reservatórios: Guia Completo

Aprenda os métodos técnicos para o correto dimensionamento de reservatórios conforme as normas técnicas.

Comparativo Reservatórios Metálicos vs. Concreto

Comparativo: Reservatórios Metálicos vs. Concreto

Análise detalhada das vantagens e desvantagens de cada tipo de reservatório.

Normas ABNT para Reservatórios metálicos

Normas ABNT para Reservatórios metálicos

Principais normas técnicas brasileiras que regem a fabricação e instalação de reservatórios.

Biblioteca Técnica Completa

Receba acesso aos nossos materiais técnicos completos, guias práticos e estudos

Solicitar Acesso

Solicite um Orçamento Rápido

Preencha o formulário e nossa equipe de engenharia técnica irá entrar em contato em até 24 horas para discutir seu projeto.

✓ Confidencialidade Garantida
✓ Resposta Rápida
✓ Orçamento sem compromisso

Posts Relacionados: