/* * 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' }); } }); }); });

Guia Completo de Reservatórios Metálicos para {nws_kw_magic}

Descubra os Reservatórios Metálicos Ideais para Cada Necessidade

Entenda como escolher o reservatório certo pode otimizar espaços e aumentar a eficiência do seu armazenamento.

Tanques Industriais: Segurança para Produtos Químicos

Os tanques industriais metálicos são robustos e ideais para armazenar produtos químicos e materiais não corrosivos, oferecendo segurança máxima.

Reservatórios Subterrâneos: Proteção e Discrição

Ideal para espaços reduzidos ou áreas que exigem discrição, esses reservatórios oferecem proteção eficaz contra variações climáticas e são perfeitos para áreas urbanas.

Reservatórios Tipo Taça: Estética e Funcionalidade

Com um design elegante, esses reservatórios são práticos para armazenar e distribuir água potável, especialmente em regiões rurais {nws_kw_magic}, garantindo pressão constante.

Reservatórios Australianos: Soluções Versáteis para Áreas Rurais

Projetados para grandes volumes, são excelentes para o manejo de água em fazendas, oferecendo facilidade de acesso e manutenção.

Reservatórios Cilíndricos: Clássicos e Confiáveis

Favoritos por sua durabilidade e facilidade de adaptação a diferentes locais, estes reservatórios são versáteis e eficientes para uma variedade de aplicações.

Reservatórios para Postos de Combustível: Conformidade e Segurança

Essenciais para a armazenagem de combustíveis, esses reservatórios atendem às normas de segurança e são fundamentais para operações de postos de combustível.

Reservatórios Tubulares: Modernidade e Flexibilidade

Com um design moderno, estes reservatórios são ideais para locais que necessitam de uma solução estética e funcional, como áreas comerciais e urbanas.

Caixas d’Água Metálicas: Higiene e Durabilidade

Essas caixas são projetadas para manter a água potável segura e fresca, sendo uma escolha popular para residências e estabelecimentos que prezam pela qualidade.

Reservatórios de Coluna Seca: Inovação para Combate a Incêndios

Projetados especificamente para sistemas de combate a incêndios, garantem disponibilidade imediata de água pressurizada, aumentando a segurança em emergências.

Aplicações Diversificadas dos Reservatórios

De armazenamento de alimentos e produtos farmacêuticos a tintas e solventes, os reservatórios metálicos são essenciais para diversas indústrias.

Escolha o Melhor Reservatório para sua Região

Encontre o reservatório que melhor atende às suas necessidades em {nws_kw_magic}, considerando fatores como volume, material e localização.

Aprofunde-se nos Detalhes dos Reservatórios Metálicos

Para mais informações e dicas sobre como escolher e utilizar reservatórios metálicos, acesse nosso guia detalhado.

Posts Relacionados: