"use client";

import type { ReactNode } from "react";
import { usePathname } from "next/navigation";
import { Footer } from "@/components/footer";
import { Header } from "@/components/header";
import { SiteMotion } from "@/components/site-motion";

export function SiteChrome({ children }: { children: ReactNode }) {
  const pathname = usePathname();
  const isBio = pathname === "/bio";

  return (
    <>
      {!isBio && <Header />}
      {children}
      {!isBio && <Footer />}
      <SiteMotion />
    </>
  );
}