Landing page (static)

// Mobile navigation toggle
const toggle = document.querySelector(".nav-toggle");
const links = document.getElementById("nav-links");
toggle.addEventListener("click", () => {
  const open = links.classList.toggle("open");
  toggle.setAttribute("aria-expanded", String(open));
});
links.addEventListener("click", (e) => {
  if (e.target.tagName === "A") {
    links.classList.remove("open");
    toggle.setAttribute("aria-expanded", "false");
  }
});

// Signup form: validate locally. Replace the TODO with a fetch() to your API.
const form = document.getElementById("signup-form");
const status = document.getElementById("form-status");
form.addEventListener("submit", (e) => {
  e.preventDefault();
  const email = form.elements.email.value.trim();
  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
    status.textContent = "Enter a valid email address.";
    status.className = "status error";
    return;
  }
  // TODO: await fetch("/api/subscribe", { method: "POST", body: JSON.stringify({ email }) });
  status.textContent = "Thanks! (Nothing was sent — connect this form to your API.)";
  status.className = "status ok";
  form.reset();
});

document.getElementById("year").textContent = String(new Date().getFullYear());