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

Castelinho De Pirituba

Glossário sobre Castelinho De Pirituba

O que é o Castelinho De Pirituba?

O Castelinho De Pirituba é uma construção histórica localizada na zona norte de São Paulo. Este edifício é conhecido por sua arquitetura única e charme, atraindo visitantes e moradores. Além de ser um marco cultural, o Castelinho também é um ponto de referência para a comunidade local.

História do Castelinho De Pirituba

A história do Castelinho De Pirituba remonta ao início do século XX. Originalmente, a construção serviu como residência, mas ao longo dos anos, passou por diversas mudanças. Hoje, é um símbolo da herança cultural da região, preservando a memória de épocas passadas.

Arquitetura do Castelinho De Pirituba

A arquitetura do Castelinho De Pirituba é um exemplo notável do estilo eclético. Com detalhes ornamentais e uma estrutura imponente, o edifício se destaca na paisagem urbana. Os visitantes frequentemente admiram suas janelas amplas e varandas decorativas, que refletem a estética da época em que foi construído.

Importância Cultural do Castelinho De Pirituba

O Castelinho De Pirituba é mais do que uma construção; é um patrimônio cultural. Ele abriga eventos e atividades que promovem a cultura local. Além disso, serve como um espaço para exposições e apresentações, fortalecendo a identidade da comunidade.

Visitas ao Castelinho De Pirituba

Visitar o Castelinho De Pirituba é uma experiência enriquecedora. O local oferece visitas guiadas que contam a história do edifício e da região. Os turistas e moradores podem explorar os arredores e aprender mais sobre a cultura local.

Eventos no Castelinho De Pirituba

O Castelinho De Pirituba frequentemente sedia eventos culturais e artísticos. Concertos, feiras de artesanato e exposições de arte são algumas das atividades que atraem visitantes. Esses eventos ajudam a manter viva a história e a cultura da região.

Como Chegar ao Castelinho De Pirituba

Chegar ao Castelinho De Pirituba é fácil, com várias opções de transporte público disponíveis. A localização central permite acesso rápido por ônibus e metrô. Para quem prefere, também há opções de estacionamento nas proximidades.

Fotografia e o Castelinho De Pirituba

O Castelinho De Pirituba é um local popular para fotógrafos. Suas características arquitetônicas e o ambiente ao redor proporcionam cenários incríveis para fotos. Muitas pessoas visitam o local apenas para capturar sua beleza em imagens.

Preservação do Castelinho De Pirituba

A preservação do Castelinho De Pirituba é uma prioridade para a comunidade local. Iniciativas de conservação são realizadas para manter a estrutura e sua história. O apoio da população é fundamental para garantir que este patrimônio continue a ser um símbolo da cultura de Pirituba.

Curiosidades sobre o Castelinho De Pirituba

Existem várias curiosidades sobre o Castelinho De Pirituba que surpreendem os visitantes. Por exemplo, muitos não sabem que o edifício já foi cenário de filmes e novelas. Essas histórias contribuem para o fascínio que o Castelinho exerce sobre todos que o conhecem.

Posts Relacionados: