<script>
document.addEventListener("DOMContentLoaded", function() {
    const links = document.querySelectorAll(".nav-link");
    const contentSections = document.querySelectorAll(".content-section");

    links.forEach(link => {
        link.addEventListener("click", function(event) {
            event.preventDefault();
            
            // Hide all content sections
            contentSections.forEach(section => section.style.display = "none");

            // Show selected content
            const selectedContent = document.getElementById(this.dataset.content);
            if (selectedContent) {
                selectedContent.style.display = "block";
            }
        });
    });
});
</script>