New website focusing on ERP services.

static/js/pages/core/home.js

@@ -1,5 +1,9 @@
 
+// internal
 import BasePage from "../base.js";
+// external
+import AOS from 'aos';
+
 
 export default class PageHome extends BasePage {
     static hash = hashPageHome;
@@ -11,8 +15,45 @@ export default class PageHome extends BasePage {
     initialize() {
         this.sharedInitialize();
         this.hookupButtonsNavContact();
+        // this.initialiseAOS();
+        this.initialiseAnimations();
     }
 
+    /* AOS */
+    initialiseAOS() {
+        AOS.init({
+            duration: 1000,
+            once: true,
+        });
+    }
+    /* Manual animations *
+    initialiseAnimations() {
+        // Check if IntersectionObserver is supported
+        if ('IntersectionObserver' in window) {
+            const observer = new IntersectionObserver((entries) => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        entry.target.classList.add('active');
+                    }
+                });
+            }, {
+                threshold: 0.1,
+                rootMargin: '50px'
+            });
+
+            // Observe all elements with 'reveal' class
+            document.querySelectorAll('.reveal').forEach((element) => {
+                observer.observe(element);
+            });
+        } else {
+            // If IntersectionObserver is not supported, make all elements visible
+            document.querySelectorAll('.reveal').forEach((element) => {
+                element.style.opacity = 1;
+            });
+        }
+    }
+    */
+
     leave() {
         super.leave();
     }