export default function initFooterShapes() {
  gsap.fromTo(
    '.shape.square',
    {
      y: '-60%',
      rotation: 0,
    },
    {
      scrollTrigger: {
        trigger: '.branding',
        start: 'top bottom',
        end: 'bottom top',
        // markers: true,
        scrub: 0.2,
      },
      y: '80%',
      duration: 2,
      ease: 'none',
    }
  );

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

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

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