Deploy from Lumerel

assets/js/main.js

@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', () => {
+    // Smooth scroll for internal links
+    document.querySelectorAll('a[href^="/"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            
+            const targetPath = this.getAttribute('href');
+            
+            // Optional: Add a subtle fade out/in transition
+            document.body.style.opacity = '0';
+            setTimeout(() => {
+                window.location.href = targetPath;
+            }, 300);
+        });
+    });
+
+    // Optional: Add hover effects or other interactive elements
+    const buttons = document.querySelectorAll('.btn');
+    buttons.forEach(btn => {
+        btn.addEventListener('mouseenter', function() {
+            this.style.transform = 'scale(1.05)';
+        });
+        btn.addEventListener('mouseleave', function() {
+            this.style.transform = 'scale(1)';
+        });
+    });
+});