script.js

document.addEventListener('DOMContentLoaded', () => {
  // Меню мобильное
  const btn = document.getElementById('menu-btn');
  const nav = document.getElementById('menu');
  btn.addEventListener('click', () => nav.classList.toggle('open'));

  // Подсветка активной ссылки
  document.querySelectorAll('nav a').forEach(link => {
    if (link.href === location.href) {
      link.classList.add('nav-link-active');
    }
  });

  // Эффект «печатающегося» заголовка
  const heroTitle = document.querySelector('.typewriter');
  if (heroTitle) {
    const text = heroTitle.dataset.text;
    heroTitle.textContent = '';
    let i = 0;
    // создаём спэн-кульсор
    const cursor = document.createElement('span');
    cursor.classList.add('cursor');
    cursor.textContent = '|';
    heroTitle.appendChild(cursor);

    const timer = setInterval(() => {
      if (i < text.length) {
        // вставляем текст и прикрепляем курсор
        heroTitle.textContent = text.slice(0, i + 1);
        heroTitle.appendChild(cursor);
        i++;
      } else {
        clearInterval(timer);
      }
    }, 100);
  }

  // Анимация появления секций при скролле
  const faders = document.querySelectorAll('.fade-in');
  const observer = new IntersectionObserver(entries => {
    entries.forEach(ent => {
      if (ent.isIntersecting) {
        ent.target.classList.add('opacity-100', 'translate-y-0');
        observer.unobserve(ent.target);
      }
    });
  }, { threshold: 0.2 });

  faders.forEach(el => {
    el.classList.add('opacity-0', 'translate-y-8', 'transition-all', 'duration-700');
    observer.observe(el);
  });
});