import menuInit from './header';

window.addEventListener('load', function () {
  menuInit();

  gsap.to('.shape.square', {
    scrollTrigger: {
      trigger: '.branding',
      start: 'top bottom',
      end: 'bottom top',
      markers: true,
      scrub: 0.2,
    },
    y: '300%',
    duration: 2,
    ease: 'none',
  });

  gsap.to('.shape.circle', {
    scrollTrigger: {
      trigger: '.branding',
      start: 'top bottom',
      end: 'bottom top',
      markers: true,
      scrub: 0.4,
    },
    y: '175%',
    duration: 2,
    ease: 'none',
  });

  gsap.to('.shape.rectangle-rotated', {
    scrollTrigger: {
      trigger: '.branding',
      start: 'top bottom',
      end: 'bottom top',
      markers: true,
      scrub: 0.6,
    },
    y: '340%',
    duration: 2,
    ease: 'none',
  });

  gsap.to('.shape.rectangle-vertical', {
    scrollTrigger: {
      trigger: '.branding',
      start: 'top bottom',
      end: 'bottom top',
      markers: true,
      scrub: 0.3,
    },
    y: '150%',
    duration: 2,
    ease: 'none',
  });
});