// Smooth Scroll for Hero Button
document.querySelector('.hero-button').addEventListener('click', (e) => {
    e.preventDefault();
    const target = document.querySelector(e.target.getAttribute('href'));
    target.scrollIntoView({
        behavior: 'smooth',
        block: 'start'
    });
});




// Toggle Mobile Sidebar
const navToggle = document.querySelector('.nav-toggle');
const sidebar = document.querySelector('.sidebar');
const closeNav = document.querySelector('.close-nav');

// Open Sidebar
navToggle.addEventListener('click', () => {
    sidebar.classList.add('active');
});

// Close Sidebar
closeNav.addEventListener('click', () => {
    sidebar.classList.remove('active');
});

// Close Sidebar When Clicking Outside
document.addEventListener('click', (event) => {
    if (!sidebar.contains(event.target) && !navToggle.contains(event.target)) {
        sidebar.classList.remove('active');
    }
});


document.addEventListener('DOMContentLoaded', function() {
    const navToggle = document.querySelector('.nav-toggle');
    const sidebar = document.querySelector('.sidebar');
    const closeNav = document.querySelector('.close-nav');
  
    navToggle.addEventListener('click', function() {
      sidebar.classList.add('open');
    });
  
    closeNav.addEventListener('click', function() {
      sidebar.classList.remove('open');
    });
  });