import { Outlet, useLocation } from "react-router-dom"; import { useEffect, useState } from "react"; import Header from "./layout/Header"; import Footer from "./layout/Footer"; function App() { const { pathname } = useLocation(); const [isPopupOpen, setIsPopupOpen] = useState(false); useEffect(() => { window.scrollTo({ top: 0, behavior: "instant" }); }, [pathname]); useEffect(() => { const timer = setTimeout(() => { setIsPopupOpen(true); }, 5000); return () => clearTimeout(timer); }, [pathname]); return ( <>