Update script.js

script.js

@@ -1,3 +1,5 @@
+// 👻 GhostPack Interactivity 😈
+
 // Smooth scrolling for nav links
 document.querySelectorAll('a.nav-link').forEach(anchor => {
     anchor.addEventListener('click', function(e) {
@@ -7,15 +9,30 @@ document.querySelectorAll('a.nav-link').forEach(anchor => {
     });
 });
 
-// Add animation on scroll
+// Scroll reveal animations
 const observer = new IntersectionObserver((entries) => {
     entries.forEach(entry => {
         if (entry.isIntersecting) {
             entry.target.classList.add('animate__animated', 'animate__fadeInUp');
+            if (entry.target.classList.contains('card')) {
+                entry.target.classList.add('ghost-animation');
+            }
         }
     });
-});
+}, { threshold: 0.2 });
 
-document.querySelectorAll('.card, h2, .lead').forEach(el => {
+document.querySelectorAll('.card, h2, .lead, section').forEach(el => {
     observer.observe(el);
+});
+
+// Ghost hover effect on cards
+document.querySelectorAll('.card').forEach(card => {
+    card.addEventListener('mouseenter', () => {
+        card.style.transform = 'translateY(-10px) scale(1.02)';
+        card.style.boxShadow = '0 0 30px rgba(0, 255, 204, 0.7)';
+    });
+    card.addEventListener('mouseleave', () => {
+        card.style.transform = 'translateY(0) scale(1)';
+        card.style.boxShadow = '0 0 15px rgba(0, 255, 204, 0.3)';
+    });
 });