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

O que e manta

O que é manta?

A manta é um material amplamente utilizado em diversas aplicações, especialmente em construções e na indústria de reservatórios metálicos. Ela pode ser feita de diferentes materiais, como PVC, polietileno ou borracha, e é projetada para oferecer proteção e impermeabilização. A escolha do tipo de manta depende das necessidades específicas do projeto e das condições ambientais em que será aplicada.

Tipos de Manta

Existem vários tipos de manta, cada um com características específicas que atendem a diferentes necessidades. As mantas de PVC são populares por sua durabilidade e resistência a produtos químicos. Já as mantas de polietileno são frequentemente utilizadas em projetos que exigem leveza e flexibilidade. Além disso, as mantas de borracha são ideais para aplicações que demandam alta resistência ao desgaste e à abrasão.

Aplicações da Manta

A manta é utilizada em diversas aplicações, incluindo impermeabilização de reservatórios, proteção de estruturas e isolamento térmico. Em reservatórios metálicos, a manta ajuda a evitar vazamentos e a proteger o metal contra a corrosão. Além disso, em construções, a manta pode ser aplicada sob pisos e telhados para garantir a impermeabilidade e a durabilidade das estruturas.

Benefícios da Manta

Os principais benefícios da manta incluem a proteção contra infiltrações, a redução de custos com manutenção e a prolongação da vida útil das estruturas. A impermeabilização proporcionada pela manta evita danos causados pela água, que podem comprometer a integridade dos reservatórios e das construções. Além disso, a instalação de mantas é geralmente rápida e eficiente, economizando tempo e recursos.

Instalação da Manta

A instalação da manta deve ser realizada por profissionais qualificados para garantir a eficácia do material. O processo envolve a preparação da superfície, a aplicação da manta e a verificação de possíveis falhas. É fundamental seguir as recomendações do fabricante para assegurar que a manta funcione corretamente e atenda às expectativas de desempenho.

Manutenção da Manta

A manutenção da manta é essencial para garantir sua durabilidade e eficácia. Inspeções regulares devem ser realizadas para identificar possíveis danos ou desgastes. Caso sejam encontrados problemas, a reparação deve ser feita imediatamente para evitar complicações maiores, como vazamentos ou infiltrações que podem comprometer a estrutura do reservatório.

Comparação entre Tipos de Manta

Tipo de Manta Durabilidade Resistência Química Flexibilidade
PVC Alta Boa Média
Polietileno Média Moderada Alta
Borracha Alta Excelente Baixa

Considerações Finais sobre a Manta

Ao escolher a manta ideal para um projeto, é importante considerar fatores como o tipo de material, as condições ambientais e as necessidades específicas da aplicação. A manta é um componente crucial na proteção de reservatórios metálicos e na impermeabilização de estruturas, contribuindo para a eficiência e a durabilidade dos sistemas. Portanto, a escolha correta da manta pode fazer toda a diferença na qualidade do projeto.

Onde Comprar Manta

As mantas podem ser adquiridas em lojas especializadas em materiais de construção, bem como em fornecedores de produtos para impermeabilização. É recomendável optar por fornecedores que ofereçam garantias e suporte técnico, assegurando que o material atenda às normas de qualidade e segurança. A TCL Reservatórios Metálicos, por exemplo, pode fornecer orientações sobre a melhor manta a ser utilizada em seus projetos.

Posts Relacionados: