Website Development

/**
 * Navbar Component · Web Advance
 * Scroll-aware navigation cu smooth reveal și mobile menu
 */

class Navbar {
  constructor(selector) {
    this.el      = document.querySelector(selector);
    this.ham     = document.getElementById('hamburger');
    this.menu    = document.getElementById('mobile-menu');
    this.scrollY = 0;
    this.init();
  }

  init() {
    // Scroll listener — optimizat cu requestAnimationFrame
    let ticking = false;
    window.addEventListener('scroll', () => {
      if (!ticking) {
        window.requestAnimationFrame(() => {
          this.onScroll();
          ticking = false;
        });
        ticking = true;
      }
    });

    // Mobile toggle
    this.ham?.addEventListener('click', () => this.toggleMenu());

    // Închide meniul la click pe link
    document.querySelectorAll('.mobile-link').forEach(link =>
      link.addEventListener('click', () => this.closeMenu())
    );
  }

  onScroll() {
    const y = window.scrollY;
    this.el.classList.toggle('scrolled', y > 40);
    // Ascunde la scroll down, arată la scroll up
    if (y > this.scrollY && y > 100) {
      this.el.style.transform = 'translateY(-100%)';
    } else {
      this.el.style.transform = 'translateY(0)';
    }
    this.scrollY = y;
  }

  toggleMenu() {
    const isOpen = this.menu.classList.toggle('open');
    this.ham.classList.toggle('active', isOpen);
    document.body.style.overflow = isOpen ? 'hidden' : '';
  }

  closeMenu() {
    this.menu.classList.remove('open');
    this.ham.classList.remove('active');
    document.body.style.overflow = '';
  }
}

// Inițializare
const nav = new Navbar('.nav');