Script.js

const startBtn = document.getElementById("startBtn");
const pages = ["page1", "page2", "page3", "page4", "page5"];
let currentPage = 0;

startBtn.addEventListener("click", () => {
  document.querySelector(".intro").classList.add("hidden");
  document.getElementById(pages[0]).classList.remove("hidden");
});

document.querySelectorAll(".nextBtn").forEach(btn => {
  btn.addEventListener("click", () => {
    document.getElementById(pages[currentPage]).classList.add("hidden");
    currentPage++;

    if (currentPage < pages.length) {
      const nextPage = document.getElementById(pages[currentPage]);
      nextPage.classList.remove("hidden");
      window.scrollTo({ top: 0, behavior: "smooth" });

      if (pages[currentPage] === "page5") {
        startCelebration();
      }
    }
  });
});

// Tap mini cards to "highlight" them
document.querySelectorAll(".miniCard").forEach(card => {
  card.addEventListener("click", () => {
    if (!card.innerText.includes("❤️")) {
      card.innerText = "❤️ " + card.innerText + " ❤️";
    }
  });
});

// Falling hearts animation on final page
function startCelebration() {
  const container = document.getElementById("celebration");

  for (let i = 0; i < 25; i++) {
    setTimeout(() => {
      const heart = document.createElement("div");
      heart.classList.add("heart");
      heart.innerText = "❤️";

      heart.style.left = Math.random() * 100 + "%";
      heart.style.animationDuration = (2.5 + Math.random() * 2) + "s";

      container.appendChild(heart);

      setTimeout(() => {
        heart.remove();
      }, 4000);
    }, i * 120);
  }
}