import "../public/assets/style.css";
import "photoswipe/dist/photoswipe.css";
import Context from "@/context/Context";
import ProgressWrap from "@/components/common/ProgressWrap";
import SearchModal from "@/components/modals/SearchModal";
import InfoModal from "@/components/modals/InfoModal";
import Header from "@/components/headers/Header";
import Footer from "@/components/footers/Footer";
import ClientAppEffects from "@/components/common/ClientAppEffects";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <link
          href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Manrope:wght@400;500;700"
          rel="stylesheet"
        />
        <link
          href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@1,300;1,400;1,500;1,600;1,700&display=swap"
          rel="stylesheet"
        />
      </head>
      <body>
        <Header />
        <Context>
          {children}
          <SearchModal />
          <InfoModal />
          <ProgressWrap />
        </Context>
        <Footer />
        <ClientAppEffects />
      </body>
    </html>
  );
}
