import SmoothScroll from "@/components/SmoothScroll";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import { ContactPopup } from "@/components/ContactPopup";
import { FloatingDock } from "@/components/FloatingDock";
import ProgressBar from "@/components/ProgressBar";

export default function SiteLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="relative min-h-screen">
      <ProgressBar />
      <SmoothScroll>
        <div className="flex min-h-screen flex-col relative z-10">
          <Navbar />
          <main className="flex-grow">{children}</main>
          <Footer />
        </div>
      </SmoothScroll>
      <ContactPopup />
      <FloatingDock />
    </div>
  );
}