get="_blank"><button>Preview</button></a>
      </div>
  `;

    projectElement.innerHTML = projectContent;
    projectContainer.appendChild(projectElement);
  });
}

function filterProjects(category) {
  loadProjects(category);

  document
    .querySelectorAll(".category-btn")
    .forEach((btn) => btn.classList.remove("active"));


  const activeBtn = Array.from(document.querySelectorAll(".category-btn")).find(
    (btn) => btn.textContent.trim().toLowerCase() === category.toLowerCase()
  );
  
  if (act