Function handleNavigation

app.js:340–369

(e)

}

function handleNavigation(e) {
  e.preventDefault()

  const targetPage = e.currentTarget.dataset.page

  // Update active nav link
  document.querySelectorAll(".nav-link").forEach((link) => {
    link.classList.remove("active")
  })
  e.currentTarget.classList.add("active")

  // Show target page
  document.querySelectorAll(".page").forEach((page) => {
    page.classList.remove("active")
  })

  const targetPageElement = document.getElementById(targetPage + "Page")
  if (targetPageElement) {
    targetPageElement.classList.add("active")
  }

  // Update page title
  const pageTitle = document.getElementById("pageTitle")
  if (pageTitle) {
    pageTitle.textContent = translations[currentLanguage][targetPage] || targetPage
  }

  // Load page-specific data
  loadPageData(targetPage)
}

function loadPageData(page) {
  switch (page) {