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

Imagens de jardim simples

Imagens de jardim simples

As imagens de jardim simples são uma excelente fonte de inspiração para quem deseja criar um espaço verde em casa. Esses jardins, muitas vezes, são caracterizados por sua estética minimalista e funcionalidade. Um jardim simples pode incluir elementos como gramados bem cuidados, canteiros de flores e até mesmo pequenos caminhos de pedras. A simplicidade não significa que o jardim seja menos bonito; pelo contrário, ele pode transmitir uma sensação de tranquilidade e harmonia com a natureza.

Características das imagens de jardim simples

As imagens de jardim simples geralmente apresentam algumas características marcantes. Primeiramente, a escolha de plantas é fundamental; espécies de fácil manutenção e que se adaptam bem ao clima local são preferidas. Além disso, o uso de cores neutras e naturais nas flores e folhagens contribui para a estética geral. Elementos como bancos de madeira ou pedras decorativas podem ser incluídos para criar um espaço de descanso e contemplação.

Benefícios de um jardim simples

Ter um jardim simples traz diversos benefícios. Um dos principais é a facilidade de manutenção, que permite que mais pessoas possam desfrutar de um espaço verde sem a necessidade de cuidados intensivos. Além disso, esses jardins promovem o bem-estar mental, proporcionando um local para relaxar e se conectar com a natureza. Outro benefício é a possibilidade de cultivar ervas e vegetais, que podem ser utilizados na culinária, promovendo uma alimentação mais saudável.

Como criar um jardim simples

Criar um jardim simples envolve planejamento e escolha cuidadosa de plantas. É importante considerar o espaço disponível e a quantidade de luz solar que o local recebe. Comece definindo um layout básico, onde você pode incluir áreas de gramado, canteiros e caminhos. A escolha de plantas deve ser feita com base na resistência e na facilidade de cuidados, priorizando espécies nativas que se adaptam melhor ao ambiente.

Inspirações em imagens de jardim simples

As imagens de jardim simples podem ser encontradas em diversos sites e redes sociais, oferecendo uma infinidade de ideias. Muitas vezes, essas imagens mostram combinações de plantas que funcionam bem juntas, além de arranjos que utilizam elementos naturais como madeira e pedra. Pesquisar por hashtags relacionadas em plataformas como Instagram pode ajudar a encontrar inspirações que se adequem ao seu estilo pessoal.

Elementos decorativos em jardins simples

Incorporar elementos decorativos é uma maneira de personalizar um jardim simples. Isso pode incluir objetos como vasos, esculturas ou até mesmo iluminação suave para criar um ambiente acolhedor à noite. O uso de materiais naturais, como madeira e pedra, ajuda a manter a harmonia com a natureza. Além disso, a disposição desses elementos deve ser feita de forma a não sobrecarregar o espaço, mantendo a simplicidade como foco.

Manutenção de um jardim simples

A manutenção de um jardim simples é uma tarefa que pode ser realizada por qualquer pessoa, mesmo sem experiência. É essencial realizar podas regulares, remover ervas daninhas e garantir que as plantas estejam sempre saudáveis. A irrigação deve ser feita de acordo com as necessidades de cada planta, evitando excessos que podem prejudicar o crescimento. Um calendário de cuidados pode ser útil para organizar as tarefas de manutenção.

Jardins simples em espaços pequenos

Mesmo em espaços pequenos, é possível criar imagens de jardim simples que sejam encantadoras. Jardins verticais, por exemplo, são uma ótima solução para quem tem pouco espaço. Utilizar prateleiras ou suportes para plantas pode maximizar o uso do espaço vertical. Além disso, escolher plantas que não crescem muito e que se adaptam bem a ambientes pequenos é fundamental para o sucesso do projeto.

O papel das cores em jardins simples

As cores desempenham um papel crucial nas imagens de jardim simples. Optar por uma paleta de cores harmoniosa pode transformar completamente a aparência do espaço. Cores neutras e suaves tendem a criar um ambiente mais relaxante, enquanto toques de cores vibrantes podem adicionar vida e energia. A combinação de diferentes tonalidades de verde, juntamente com flores coloridas, pode resultar em um jardim visualmente atraente.

Jardins simples e sustentabilidade

Um jardim simples pode ser uma excelente oportunidade para implementar práticas sustentáveis. O uso de plantas nativas, por exemplo, ajuda a conservar a água e a promover a biodiversidade local. Além disso, a compostagem de resíduos orgânicos pode fornecer nutrientes para as plantas, reduzindo a necessidade de fertilizantes químicos. Criar um espaço que respeite o meio ambiente é uma tendência crescente entre os amantes da jardinagem.

Posts Relacionados: