import React, { useEffect, useState } from "react"; import AppContext from "../../particles/contexts/app-context"; import Header from "../../organisms/header"; import Footer from "../../organisms/footer"; import Hero from "../../organisms/hero/Hero"; import HomeAboutUs from "../../organisms/home-about-us/HomeAboutUs"; import HomeOurServices from "../../organisms/home-our-services/HomeOurServices"; import HomeCareers from "../../organisms/home-careers/HomeCareers"; import Newsroom from "../../organisms/newsroom/Newsroom"; import SlideSwitcher, { HomeSlide, homeSlides, } from "../../molecules/home-slide-switcher/HomeSlideSwitcher"; import HomeTemplate from "../../templates/home"; import Head from "next/head"; const HomePage = ({ appData }: any) => { const [collapsed, setCollapsed] = useState(false); useEffect(() => { const elements: any = homeSlides.map((silde) => document.getElementById(silde.id)); const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { if (entry.target.id !== HomeSlide.Hero) { setCollapsed(true); } else { setCollapsed(false); } } }); }, { threshold: 0.2, } ); elements.forEach((element: any) => { observer.observe(element); }); }, []); return ( } footer={