/* Entry + router */

function HomePage() {
  return (
    <>
      <Navbar />
      <Hero />
      <About />
      <Marquee />
      <Services />
      <Chef />
      <Gallery />
      <Footer />
      <Tweaks />
    </>
  );
}

function App() {
  React.useEffect(() => {
    const apply = () => {
      const scale = getComputedStyle(document.documentElement).getPropertyValue("--script-scale");
      if (!scale) return;
      const s = parseFloat(scale) || 1;
      document.documentElement.style.setProperty("--hero-script-scale", String(s));
    };
    apply();
    const mo = new MutationObserver(apply);
    mo.observe(document.documentElement, { attributes: true, attributeFilter: ["style"] });
    return () => mo.disconnect();
  }, []);

  const page = window.PAGE || "home";
  if (page === "about") return <AboutPage />;
  if (page === "contact") return <ContactPage />;
  if (page === "faq") return <FaqPage />;
  if (SERVICE_PAGE_DATA[page]) return <ServicePage slug={page} />;
  return <HomePage />;
}

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