Aaahh! Of course! Definitely one thing I'm learning, especially with JS, is that there's always a way to simplify code.
Thanks for everyone's assistance!
gsap.from("h1", {duration: 0.7, y:20, autoAlpha:0, ease:"power2.out"});
gsap.from("#hero-span", {duration:0.8, x: 20, autoAlpha:0, ease:"power2.out", delay: 0.8});
gsap.from(".hero-list ul li", {duration:1, x: 100, autoAlpha:0, ease:"power2.out", stagger: 0.2, delay:0.8});
*edit
Added the animation inside the afterRender callback event and removed function as the callback works the same.
https://github.com/alvarotrigo/fullPage.js#afterload-origin-destination-direction
