script.js

document.addEventListener("DOMContentLoaded", () => {
  // Set current year in footer
  const yearSpan = document.getElementById("current-year");
  if (yearSpan) {
    yearSpan.textContent = new Date().getFullYear();
  }

  // Smooth scrolling for anchor links
  document.querySelectorAll('a[href^="#"]').forEach((anchor) => {
    anchor.addEventListener("click", function (e) {
      e.preventDefault();
      const targetId = this.getAttribute("href");

      if (targetId === "#") {
        window.scrollTo({
          top: 0,
          behavior: "smooth",
        });
        return;
      }

      const targetElement = document.querySelector(targetId);
      if (targetElement) {
        targetElement.scrollIntoView({
          behavior: "smooth",
          block: "start",
        });
      }
    });
  });

  // Simple intersection observer for fade-in animation on scroll
  const observerOptions = {
    threshold: 0.1,
  };

  const observer = new IntersectionObserver((entries) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        entry.target.style.opacity = "1";
        entry.target.style.transform = "translateY(0)";
        observer.unobserve(entry.target);
      }
    });
  }, observerOptions);

  // Add animation classes to elements
  const animatedElements = document.querySelectorAll(
    ".card, .project-card, .section-title, .hero-title, .hero-subtitle"
  );

  animatedElements.forEach((el) => {
    el.style.opacity = "0";
    el.style.transform = "translateY(20px)";
    el.style.transition = "opacity 0.6s ease-out, transform 0.6s ease-out";
    observer.observe(el);
  });

  // Contact form handling
  const contactForm = document.getElementById("contactForm");
  if (contactForm) {
    contactForm.addEventListener("submit", async (e) => {
      e.preventDefault();

      // 1. Spam Protection (Honeypot)
      const honeypot = document.getElementById("website");
      if (honeypot && honeypot.value) {
        console.log("Bot detected");
        return; // Silently fail for bots
      }

      const btn = contactForm.querySelector("button");
      const originalText = btn.textContent;

      // 2. UI Feedback
      btn.textContent = "Sending...";
      btn.disabled = true;

      // 3. Data Preparation
      const formData = new FormData(contactForm);
      const data = Object.fromEntries(formData.entries());
      delete data.website; // Remove honeypot from data

      try {
        // TODO: Replace with your actual backend endpoint
        const response = await fetch("https://formspree.io/f/xanrbaee", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify(data),
        });

        if (!response.ok) throw new Error("Network response was not ok");

        // Simulate success for now
        await new Promise((resolve) => setTimeout(resolve, 1500));

        alert("Thank you for your message! We will get back to you soon.");
        contactForm.reset();
      } catch (error) {
        console.error("Error:", error);
        alert("Something went wrong. Please try again later.");
      } finally {
        btn.textContent = originalText;
        btn.disabled = false;
      }
    });
  }
});