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" // }) // document.getElementById("page-loader").style.opacity threeJsAnimations(); }, []) return ( {/*
Tben Loading ...
*/}
{ children }
) } export default GeneralLayout