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

O que é janela?

A janela é uma abertura em uma parede que permite a entrada de luz e ventilação em um ambiente. Além de sua função prática, as janelas também desempenham um papel estético, contribuindo para a aparência geral de um edifício. Existem diversos tipos de janelas, cada uma com características específicas que atendem a diferentes necessidades e preferências. A escolha da janela ideal pode influenciar não apenas a iluminação, mas também a eficiência energética do espaço.

Tipos de janelas

As janelas podem ser classificadas em vários tipos, como janelas de correr, basculantes, de guilhotina e fixas. Cada tipo possui suas vantagens e desvantagens, dependendo do uso pretendido e do espaço disponível. Por exemplo, as janelas de correr são ideais para ambientes com pouco espaço, enquanto as janelas basculantes oferecem uma ventilação controlada. É importante considerar o estilo arquitetônico do edifício ao escolher o tipo de janela.

Materiais utilizados em janelas

As janelas podem ser fabricadas a partir de diferentes materiais, como madeira, alumínio, PVC e vidro. Cada material tem suas propriedades únicas que afetam a durabilidade, manutenção e eficiência térmica da janela. O alumínio, por exemplo, é conhecido por sua resistência e baixa manutenção, enquanto a madeira oferece um apelo estético clássico, mas requer cuidados regulares. A escolha do material deve levar em conta o clima local e o estilo desejado.

Funções das janelas

As janelas desempenham várias funções essenciais em um edifício. Elas permitem a entrada de luz natural, o que pode reduzir a necessidade de iluminação artificial durante o dia. Além disso, as janelas proporcionam ventilação, ajudando a manter a qualidade do ar interno. Outro aspecto importante é a segurança; janelas bem projetadas podem oferecer proteção contra intrusos e intempéries, contribuindo para a segurança do imóvel.

Eficiência energética das janelas

A eficiência energética das janelas é um fator crucial na construção moderna. Janelas com vidros duplos ou triplos, por exemplo, oferecem melhor isolamento térmico, reduzindo a troca de calor entre o interior e o exterior. Isso pode resultar em economia significativa de energia, especialmente em climas extremos. Investir em janelas eficientes é uma maneira eficaz de melhorar o conforto e reduzir os custos de aquecimento e resfriamento.

Instalação de janelas

A instalação correta das janelas é fundamental para garantir seu desempenho e durabilidade. Um erro comum é a instalação inadequada, que pode levar a infiltrações e perda de eficiência energética. É recomendável contratar profissionais qualificados para realizar a instalação, garantindo que todas as normas de segurança e eficiência sejam seguidas. A manutenção regular também é essencial para prolongar a vida útil das janelas.

Decoração e janelas

As janelas também são uma parte importante da decoração de interiores e exteriores. Cortinas, persianas e outros tratamentos de janela podem ser usados para controlar a luz e a privacidade, além de adicionar um toque estético ao ambiente. A escolha das cores e estilos deve harmonizar com o restante da decoração, criando um espaço coeso e agradável. Janelas bem decoradas podem realçar a beleza de qualquer ambiente.

Manutenção de janelas

A manutenção regular das janelas é essencial para garantir seu funcionamento adequado e prolongar sua vida útil. Isso inclui a limpeza dos vidros, verificação de vedação e inspeção de ferragens. Janelas de madeira podem necessitar de pintura ou verniz para proteger contra intempéries, enquanto janelas de alumínio podem ser limpas com água e sabão. Ignorar a manutenção pode resultar em problemas maiores e custos elevados no futuro.

🔩 Construção ou indústria? Nossos reservatórios metálicos são resistentes e projetados para durar. Saiba mais!

Impacto ambiental das janelas

O impacto ambiental das janelas deve ser considerado na escolha e instalação. Janelas feitas de materiais sustentáveis e que oferecem eficiência energética podem reduzir a pegada de carbono de um edifício. Além disso, a escolha de janelas que permitem a entrada de luz natural pode diminuir a dependência de iluminação elétrica, contribuindo para um ambiente mais sustentável. A conscientização sobre o impacto ambiental é cada vez mais importante na construção civil.

Normas e regulamentações

As janelas devem atender a normas e regulamentações específicas que garantem segurança e eficiência. Isso inclui requisitos de resistência a impactos, isolamento térmico e acústico. É fundamental estar ciente das legislações locais ao projetar ou reformar um edifício, garantindo que as janelas escolhidas estejam em conformidade com as normas vigentes. Consultar um especialista pode ajudar a evitar problemas legais e garantir a segurança do projeto.

💧 Garanta água sempre disponível! Nossos reservatórios metálicos são duráveis e seguros. Solicite um orçamento agora!