script.js

// Smooth scrolling (for internal anchors)
document.querySelectorAll('a[href^="#"]').forEach(link => {
  link.addEventListener('click', function(e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute('href'));
    if (target) {
      window.scrollTo({ top: target.offsetTop - 60, behavior: 'smooth' });
    }
  });
});

// Skill hover effect (resume page)
const skills = document.querySelectorAll('.skills li');
skills.forEach(skill => {
  skill.addEventListener('mouseover', () => {
    skill.style.background = '#007bff';
    skill.style.color = '#fff';
  });
  skill.addEventListener('mouseout', () => {
    skill.style.background = '#e0f3ff';
    skill.style.color = '#000';
  });
});

// Contact form handler
const form = document.getElementById('contactForm');
if (form) {
  form.addEventListener('submit', function(e) {
    e.preventDefault();

    const name = document.getElementById('name').value.trim();
    const email = document.getElementById('email').value.trim();
    const message = document.getElementById('message').value.trim();
    const response = document.getElementById('response');

    if (name && email && message) {
      response.innerHTML = `<p style="color:green;">Thank you, ${name}! Your message has been sent successfully.</p>`;
      form.reset();
    } else {
      response.innerHTML = `<p style="color:red;">Please fill out all fields.</p>`;
    }
  });
}