"use client"; import { usePathname } from "next/navigation"; import { useEffect } from "react"; import { init_wow } from "@/utils/initWow"; import { parallaxMouseMovement, parallaxScroll } from "@/utils/parallax"; import { headerChangeOnScroll } from "@/utils/changeHeaderOnScroll"; import "swiper/css"; import "jarallax/dist/jarallax.min.css"; import "swiper/css/effect-fade"; import "react-modal-video/css/modal-video.css"; import "photoswipe/dist/photoswipe.css"; import "tippy.js/dist/tippy.css"; import "@public/assets/css/styles.css"; import Image from "next/image"; import Header from "@/components/Header"; import Footer from "@/components/Footer"; import { slickMultipagesDark } from "@/data/menu"; export default function MainLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { const path = usePathname(); useEffect(() => { init_wow(); parallaxMouseMovement(); const mainNav = document.querySelector(".main-nav"); if (mainNav?.classList.contains("transparent")) { mainNav.classList.add("js-transparent"); } else if (!mainNav?.classList?.contains("dark")) { mainNav?.classList.add("js-no-transparent-white"); } window.addEventListener("scroll", headerChangeOnScroll); parallaxScroll(); return () => { window.removeEventListener("scroll", headerChangeOnScroll); }; }, [path]); useEffect(() => { if (typeof window !== "undefined") { // Import the script only on the client side // @ts-ignore import("bootstrap/dist/js/bootstrap.esm").then(() => { // Module is imported, you can access any exported functionality if }); } }, []); return (
{children}
); }