landing.js

Shery.imageEffect("#back", {
    style:5 ,gooey:true,
    config:{"a":{"value":3.44,"range":[0,30]},"b":{"value":-0.98,"range":[-1,1]},"zindex":{"value":-9996999,"range":[-9999999,9999999]},"aspect":{"value":2.0522306732854636},"ignoreShapeAspect":{"value":true},"shapePosition":{"value":{"x":0,"y":0}},"shapeScale":{"value":{"x":0.5,"y":0.5}},"shapeEdgeSoftness":{"value":0,"range":[0,0.5]},"shapeRadius":{"value":0,"range":[0,2]},"currentScroll":{"value":0},"scrollLerp":{"value":0.07},"gooey":{"value":true},"infiniteGooey":{"value":true},"growSize":{"value":4,"range":[1,15]},"durationOut":{"value":1,"range":[0.1,5]},"durationIn":{"value":1.63,"range":[0.1,5]},"displaceAmount":{"value":0.5},"masker":{"value":true},"maskVal":{"value":1,"range":[1,5]},"scrollType":{"value":0},"geoVertex":{"range":[1,64],"value":1},"noEffectGooey":{"value":true},"onMouse":{"value":1},"noise_speed":{"value":0.53,"range":[0,10]},"metaball":{"value":0.11,"range":[0,2],"_gsap":{"id":3}},"discard_threshold":{"value":0.83,"range":[0,1]},"antialias_threshold":{"value":0,"range":[0,0.1]},"noise_height":{"value":0.5,"range":[0,2]},"noise_scale":{"value":14.5,"range":[0,100]}}
})
var elems= document.querySelectorAll(".elem");
elems.forEach(function(elem){
    var h1s=elem.querySelectorAll("h1");
var index=0;

document.querySelector("#main").addEventListener("click",function(){
gsap.to(h1s[index],{
    top:"-=100%",
    ease:Expo.easeInOut,
    duration:1,
    onComplete:function(){
        gsap.set(this._targets[0],{top:"100%"});
    },
});
index===h1s.length - 1 ? (index=0) :index++;
gsap.to(h1s[index],{
    top:"-=100%",
    ease:Expo.easeInOut,
    duration:1,
});
 })


})