import { createFileRoute, Outlet } from "@tanstack/react-router";
import { SiteNav } from "@/components/site/SiteNav";
import { SiteFooter } from "@/components/site/SiteFooter";
import { ScrollProgress } from "@/components/site/ScrollProgress";
import { WhatsAppButton } from "@/components/site/WhatsAppButton";

export const Route = createFileRoute("/_site")({
  component: SiteLayout,
});

function SiteLayout() {
  return (
    <div className="min-h-dvh">
      <ScrollProgress />
      <SiteNav />
      <main>
        <Outlet />
      </main>
      <SiteFooter />
      <WhatsAppButton />
    </div>
  );
}