script.js

const revealElements = document.querySelectorAll('.reveal');

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
    }
  });
}, { threshold: 0.2 });

revealElements.forEach(el => observer.observe(el));

const form = document.querySelector('form');

if (form) {
  form.addEventListener('submit', function (event) {
    event.preventDefault();

    const nameInput = document.querySelector('#NAME');

    if (nameInput.value.length < 2) {
      alert("Name must be at least 2 characters.");
      return;
    }

    alert("INFORMATION SUBMITTED SUCCESSFULLY! WE WILL CONTACT YOU SOON..!");
    console.log("Thanks, " + nameInput.value + "! We'll be in touch.");
  });
}