// Main app
function App() {
  const { tweaks, editMode, set } = useTweaks();
  const { show: showLoader, dismiss } = useLoadingGate();
  useReveal();

  const Hero = {
    terminal: HeroTerminal,
    constellation: HeroConstellation,
    timecard: HeroTimecard,
  }[tweaks.heroVariant] || HeroTerminal;

  return (
    <>
      {showLoader && <LoadingScreen onDone={dismiss} />}
      <Nav />
      <Hero />
      <Services />
      <Work />
      <Clients />
      <Process />
      <Team />
      <Testimonials />
      <Contact />
      <Footer />
      {editMode && <TweaksPanel tweaks={tweaks} set={set} />}
    </>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);