Magento 2- Add animation to sections on scroll and Preloader

instruction.txt

<!-- AOS -->
Step 1: follow: https://michalsnik.github.io/aos/
Step 2: Add
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

Step 3: add jquery dependency (requirejs-config.js)
var config = {
    shim: {
        jquery: {
            exports: '$'
        },
        'js/owl.carousel.min': {
            deps: ['jquery']
        },
        'js/aos': {
            deps: ['jquery']
        },
        'js/custom': {
            deps: ['jquery']
        }
    },
    deps: [
        "js/custom"
    ]
};

Step 4: custom.js
// INITIALIZE AOS
require([
    'js/aos'
], function (AOS) {
    'use strict';
    AOS.init({ duration: 2000 });
});