import './bootstrap';

import Alpine from 'alpinejs';

window.Alpine = Alpine;

Alpine.start();

import stickybits from 'stickybits';

document.addEventListener('DOMContentLoaded', () => {
    stickybits('#right-content', {
        stickyBitStickyOffset: 40,
        parent: '.grid' // dit moet de container zijn waarin sticky moet blijven
    });
});

const cursor = document.getElementById('custom-cursor');

document.addEventListener('mousemove', (e) => {
    gsap.to(cursor, {
        duration: 0.2,
        x: e.clientX + 20,
        y: e.clientY - 15,
        ease: 'power2.out'
    });
});