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'; export const SiteContext = React.createContext(); const GeneralLayout = ({ children, pageName }) => { const [readyState, setReadyState] = React.useState(false); // React.useEffect(() => { // setReadyState(true); // }, [readyState]); 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.dataset.href === window.location.pathname) { link.classList.add("active-page"); } if (window.location.pathname.match(new RegExp(`${link.dataset.href}\\/.*`))) { link.classList.add("active-page"); } }); gsap.to("#main-content-wrapper", { opacity: 1, duration: 2, }) // gsap.to("#page-loader", { // opacity: 0, // duration: 0.5, // delay: 1, // pointerEvents: "none" // }) // document.getElementById("page-loader").style.opacity threeJsAnimations(); }, []) return (
{ children }
) } export default GeneralLayout