/* * 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 é metalon

O que é metalon?

O metalon é um tipo de perfil metálico, geralmente fabricado em aço, que se destaca pela sua resistência e versatilidade. Ele é amplamente utilizado na construção civil e em projetos industriais, sendo ideal para estruturas que exigem robustez e durabilidade. O metalon pode ser encontrado em diversas espessuras e dimensões, o que permite sua aplicação em uma variedade de projetos, desde pequenas construções até grandes estruturas metálicas.

Características do metalon

As principais características do metalon incluem sua alta resistência à tração e compressão, além de ser um material leve e fácil de manusear. Sua superfície é geralmente tratada para resistir à corrosão, aumentando a vida útil do produto. Além disso, o metalon pode ser cortado e moldado com facilidade, permitindo que os profissionais da construção adaptem o material conforme as necessidades específicas de cada projeto.

Aplicações do metalon

O metalon é utilizado em uma ampla gama de aplicações, como na fabricação de estruturas metálicas, suportes, grades, e até mesmo em móveis. Na construção civil, ele é frequentemente empregado em esquadrias, coberturas e estruturas de suporte para telhados. Sua versatilidade também o torna uma escolha popular para projetos de decoração e design de interiores, onde a estética e a funcionalidade são igualmente importantes.

Vantagens do uso de metalon

  • Durabilidade: O metalon é resistente a intempéries e corrosão, garantindo uma longa vida útil.
  • Leveza: Sua leveza facilita o transporte e a instalação, reduzindo custos com mão de obra.
  • Versatilidade: Pode ser utilizado em diversos tipos de projetos, desde estruturas simples até complexas.
  • Custo-benefício: O metalon oferece uma solução econômica, pois requer menos manutenção ao longo do tempo.

Como escolher o metalon adequado?

Ao escolher o metalon para um projeto, é importante considerar fatores como a espessura do material, o tipo de aplicação e as condições ambientais. Para estruturas que estarão expostas a ambientes agressivos, como áreas costeiras, recomenda-se optar por metalon com tratamento anticorrosivo. Além disso, consultar um engenheiro ou arquiteto pode ajudar a garantir que a escolha do metalon atenda às especificações técnicas necessárias para a segurança e eficiência da construção.

Manutenção do metalon

A manutenção do metalon é relativamente simples, mas essencial para garantir sua durabilidade. Recomenda-se realizar inspeções periódicas para identificar sinais de corrosão ou danos. Caso sejam encontrados, é importante realizar reparos imediatamente. A limpeza regular com água e sabão neutro também ajuda a manter a aparência do metalon e a prevenir o acúmulo de sujeira que pode comprometer sua integridade.

Comparação com outros materiais

Quando comparado a outros materiais, como madeira ou plástico, o metalon se destaca pela sua resistência e durabilidade. Enquanto a madeira pode ser suscetível a pragas e deterioração, e o plástico pode se degradar com a exposição ao sol, o metalon oferece uma solução mais robusta e de longa duração. Essa resistência torna o metalon uma escolha preferida em projetos que exigem materiais de alta performance.

Normas e regulamentações

O uso de metalon em construções deve seguir normas e regulamentações específicas, que variam de acordo com a região e o tipo de projeto. É fundamental que os profissionais envolvidos estejam cientes dessas normas para garantir a segurança e a conformidade das estruturas. O não cumprimento dessas diretrizes pode resultar em problemas legais e de segurança, além de comprometer a integridade da construção.

Fornecedores de metalon

Na hora de adquirir metalon, é importante escolher fornecedores confiáveis que ofereçam produtos de qualidade. A TCL Reservatórios Metálicos, por exemplo, é uma opção que garante metalon de alta qualidade, ideal para diversas aplicações. Verificar a reputação do fornecedor e a procedência do material pode evitar problemas futuros e garantir que o projeto seja executado com os melhores materiais disponíveis.

Futuro do metalon na construção civil

O futuro do metalon na construção civil parece promissor, especialmente com o aumento da demanda por soluções sustentáveis e eficientes. Com o avanço das tecnologias de fabricação e tratamento, espera-se que o metalon se torne ainda mais acessível e versátil. Além disso, a crescente conscientização sobre a importância de materiais duráveis e de baixo impacto ambiental pode impulsionar ainda mais o uso do metalon em projetos de construção.