index_useEffect.js

useEffect(() => {
    gsap.to('.hometex', {
      autoAlpha: 1,
      duration: 1,
    });
  }, []); //THIS IS RUN THE FIRST TIME THE SITE IS OPENED
  useEffect(() => {
    if (transitionStatus === 'entering') {
      gsap.to('.hometex', {
        autoAlpha: 1, 
        duration: 1, //if we are entering the page, let's make the div with class .hometex visible in one second
      });
    }
    if (transitionStatus === 'exiting') {
      gsap.to('.hometex', { autoAlpha: 0, duration: 1 });//if we are exiting  the page, let's make the div with class .hometex transparent in one second
    }
  }, [transitionStatus]);