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

Metalon

Glossário de Metalon

O que é Metalon?

O Metalon é um material amplamente utilizado na construção de reservatórios metálicos e tanques industriais. Ele é conhecido por sua resistência e durabilidade, sendo ideal para armazenar água e combustíveis. Além disso, o Metalon é leve, o que facilita o transporte e a instalação em diferentes locais.

Vantagens do uso de Metalon

Utilizar Metalon em reservatórios e tanques traz diversas vantagens. Primeiramente, sua resistência à corrosão aumenta a vida útil do produto. Em segundo lugar, o Metalon é altamente personalizável, permitindo que os tanques sejam feitos sob medida para atender às necessidades específicas de cada cliente.

Aplicações do Metalon

O Metalon é versátil e pode ser aplicado em várias indústrias. Ele é frequentemente utilizado em setores como agricultura, construção civil e armazenamento de combustíveis. Essa versatilidade faz do Metalon uma escolha popular para empresas que buscam soluções eficientes e duráveis.

Manutenção de tanques de Metalon

A manutenção adequada dos tanques de Metalon é crucial para garantir sua longevidade. Recomenda-se realizar inspeções regulares para identificar sinais de desgaste ou corrosão. Além disso, a limpeza periódica ajuda a manter a qualidade do armazenamento, especialmente em tanques que armazenam água potável.

Comparação entre Metalon e outros materiais

Quando comparado a outros materiais, como plástico ou concreto, o Metalon se destaca em termos de resistência e durabilidade. Enquanto o plástico pode ser suscetível a danos por UV, o Metalon oferece maior proteção contra elementos externos. Já o concreto, embora robusto, pode ser mais pesado e difícil de instalar.

Processo de fabricação de Metalon

O processo de fabricação do Metalon envolve técnicas avançadas de soldagem e moldagem. Isso garante que os tanques e reservatórios sejam produzidos com alta precisão e qualidade. A escolha de matérias-primas de qualidade também é fundamental para a produção de Metalon durável e confiável.

Certificações e normas do Metalon

Os produtos de Metalon devem atender a diversas certificações e normas de segurança. Isso garante que os tanques e reservatórios sejam seguros para uso e atendam às regulamentações ambientais. A conformidade com essas normas é essencial para a credibilidade da empresa que fornece os produtos.

Impacto ambiental do Metalon

O uso de Metalon pode ter um impacto ambiental positivo, especialmente quando comparado a materiais menos duráveis. Sua longa vida útil significa que menos resíduos são gerados ao longo do tempo. Além disso, o Metalon pode ser reciclado, contribuindo para a sustentabilidade.

Escolhendo o fornecedor certo de Metalon

Ao escolher um fornecedor de Metalon, é importante considerar a experiência e a reputação da empresa. Verifique se o fornecedor oferece garantias e suporte pós-venda. Além disso, é recomendável solicitar referências e analisar projetos anteriores para avaliar a qualidade do trabalho.

Futuro do Metalon na indústria

O futuro do Metalon na indústria parece promissor, com inovações contínuas em técnicas de fabricação e design. À medida que a demanda por soluções de armazenamento eficientes cresce, o Metalon se posiciona como uma escolha preferencial. A evolução das tecnologias também pode trazer melhorias significativas na produção e aplicação do Metalon.