Update script.js

script.js

@@ -1,9 +1,6 @@
 document.addEventListener('DOMContentLoaded', function () {
-    const navbar = document.querySelector('header'); // Pastikan selector ini sesuai dengan elemen header
-    const menuToggle = document.querySelector('.menu-toggle');
-    const navigation = document.querySelector('.navigation');
-    const closeBtn = document.querySelector('.close-btn'); // Tombol X untuk menutup menu
-
+    const navbar = document.querySelector('.header');
+    
     // Menambahkan kelas "scrolled" saat scroll
     window.addEventListener('scroll', function() {
         if (window.scrollY > 0) {
@@ -12,7 +9,60 @@ document.addEventListener('DOMContentLoaded', function () {
             navbar.classList.remove('scrolled');
         }
     });
+    
+    const sections = document.querySelectorAll('.section');
+    let currentIndex = 0;
+    const totalSections = sections.length;
+
+    // Fungsi untuk scroll ke section tertentu
+    function scrollToSection(index) {
+        if (index < 0 || index >= totalSections) return;  // Membatasi scroll agar tidak keluar dari index
+        const section = sections[index];
+        window.scrollTo({
+            top: section.offsetTop,
+            behavior: 'smooth',  // Scroll dengan smooth
+        });
+    }
+
+    // Event listener untuk scroll
+    let isScrolling = false;  // Menghindari scroll terlalu cepat
+    window.addEventListener('wheel', function (e) {
+        if (isScrolling) return;  // Menghindari scroll berulang
+
+        isScrolling = true;
+
+        if (e.deltaY > 0 && currentIndex < totalSections - 1) {
+            currentIndex++;  // Scroll ke bawah
+        } else if (e.deltaY < 0 && currentIndex > 0) {
+            currentIndex--;  // Scroll ke atas
+        }
+
+        // Scroll ke section yang sesuai
+        scrollToSection(currentIndex);
+
+        // Matikan status scrolling setelah animasi selesai
+        setTimeout(() => {
+            isScrolling = false;
+        }, 1000);  // Durasi animasi sekitar 1 detik
+    });
 
+    // Fungsi untuk animasi muncul setiap section
+    function animateSections() {
+        sections.forEach((section) => {
+            // Memeriksa apakah section sudah di view port
+            const sectionPosition = section.getBoundingClientRect();
+            if (sectionPosition.top < window.innerHeight && sectionPosition.bottom >= 0) {
+                section.classList.add('visible');
+            }
+        });
+    }
+
+    // Trigger animasi ketika halaman dimuat
+    animateSections();
+
+    // Animasi muncul saat scroll
+    window.addEventListener('scroll', animateSections);
+    
     // Event listener untuk klik pada navbar
     document.querySelectorAll('.navigation ul li a').forEach(anchor => {
         anchor.addEventListener('click', function(e) {
@@ -29,24 +79,6 @@ document.addEventListener('DOMContentLoaded', function () {
                 behavior: 'smooth',
                 block: 'start'
             });
-
-            // Menutup menu setelah memilih link (untuk tampilan mobile)
-            if (navigation.classList.contains('active')) {
-                navigation.classList.remove('active');
-                menuToggle.classList.remove('active');
-            }
         });
     });
-
-    // Toggle menu responsif
-    menuToggle.addEventListener('click', function() {
-        navigation.classList.toggle('active');
-        menuToggle.classList.toggle('active');  // Menambah/ menghapus efek toggle pada icon
-    });
-
-    // Menambahkan event listener pada tombol X untuk menutup menu
-    closeBtn.addEventListener('click', function() {
-        navigation.classList.remove('active');
-        menuToggle.classList.remove('active'); // Menghapus efek toggle pada icon
-    });
-});
+});