// GSAP Text Animations

export default function titlesInit() {
  const homeTitle = document.querySelector('body.home h1');
  let split = SplitText.create(homeTitle, { type: 'words, lines' });

  // now animate the characters in a staggered fashion
  gsap.from(split.lines, {
    duration: 2,
    y: 40, // animate from 100px below
    autoAlpha: 0, // fade in from opacity: 0 and visibility: hidden
    stagger: 0.2, // 0.05 seconds between each
    ease: 'power4.out',
  });
}