"use client";

import dynamic from "next/dynamic";
import { usePathname } from "next/navigation";
import PageIntro from "./PageIntro";

const CustomCursor = dynamic(() => import("./CustomCursor"), { ssr: false });
const FilmGrain = dynamic(() => import("./FilmGrain"), { ssr: false });
const ScrollProgress = dynamic(() => import("./ScrollProgress"), {
  ssr: false,
});

export default function CinematicOverlays() {
  const pathname = usePathname();
  const isHome = pathname === "/";

  return (
    <>
      <PageIntro />
      {isHome ? (
        <>
          <CustomCursor />
          <FilmGrain />
          <ScrollProgress />
        </>
      ) : null}
    </>
  );
}