Page and components animations rework WIP

src/animations/page.js

@@ -1,6 +1,5 @@
 import anime from 'animejs'
-import ScrollOut from 'scroll-out'
-import { transitionNormal, transitionDelay } from 'utils/store'
+import { animDuration, animDelay } from 'utils/store'
 
 
 /*
@@ -8,18 +7,12 @@ import { transitionNormal, transitionDelay } from 'utils/store'
 */
 export const animateIn = () => {
     // Simple slide and fade on each part of the page
-    // const page = ScrollOut({
-    //     once: true,
-    //     targets: '.page',
-    //     onShown (el) {
     anime({
         targets: document.querySelectorAll('.page__part'),
         opacity: [0, 1],
         translateY: [8, 0],
         easing: 'easeOutQuart',
-        duration: transitionNormal,
-        delay: anime.stagger(220, { start: transitionDelay }),
+        duration: animDuration,
+        delay: anime.stagger(220, { start: animDelay }),
     })
-    //     }
-    // })
 }