import React, { Fragment } from 'react'; import GeneralHeader from './GeneralHeader'; import Head from "next/head" import GeneralFooter from './GeneralFooter'; import { gsap } from "gsap"; import threeJsAnimations from '../../functions/frontend/threeJsAnimations'; const GeneralLayout = ({ children, pageName }) => { const [readyState, setReadyState] = React.useState(false) React.useEffect(() => { // barba.init({ // transitions: [{ // name: 'default-transition', // leave() { // // create your stunning leave animation here // return gsap.to("main", { // opacity: 1, // duration: 1, // delay: 2 // }) // }, // enter() { // // create your amazing enter animation here // return gsap.from("main", { // opacity: 0, // duration: 1, // delay: 2 // }) // } // }] // }); window.addEventListener("load", () => { setReadyState(true); document.querySelectorAll("nav a").forEach((link) => { let locationRegex = new RegExp(`${window.location.pathname}.*?`); if (link.pathname === window.location.pathname) { link.classList.add("active-page"); } }); gsap.to("#main-content-wrapper", { opacity: 1, duration: 2, delay: 1 }) gsap.to("#page-loader", { opacity: 0, duration: 0.5, delay: 1, pointerEvents: "none" }) threeJsAnimations(); }) }, []) return (
Tben Loading ...
{ readyState &&
{ children }
} ) } export default GeneralLayout