import type { ReactNode } from "react";
import Nav from "@/components/site/Nav";
import Footer from "@/components/site/Footer";
import SmoothScroll from "@/components/providers/SmoothScroll";
import AmbientDepth from "@/components/three/AmbientDepth";

export default function SiteLayout({ children }: { children: ReactNode }) {
  return (
    <SmoothScroll>
      <Nav />
      <AmbientDepth />
      <main id="main">{children}</main>
      <Footer />
    </SmoothScroll>
  );
}