// main.jsx — entry point

function App() {
  const t = TWEAK_DEFAULTS;
  const p = PALETTES[t.palette] || PALETTES.wipbot;

  React.useEffect(() => {
    document.body.style.background = p.bg;
    document.body.style.color = p.ink;
  }, [p]);

  return (
    <div data-screen-label="Wipbot landing" style={{
      background: p.bg, color: p.ink, minHeight: "100vh",
      fontFamily: "'Plus Jakarta Sans', sans-serif",
    }}>
      {t.showRibbon && <Ribbon p={p} />}
      <Nav p={p} />
      <Hero p={p} variant={t.heroVariant} />
      <LogoBar p={p} />
      <Programs p={p} />
      <Pillars p={p} />
      <StatsBand p={p} />
      <Testimonials p={p} />
      <FAQ p={p} />
      <CTA p={p} />
      <Footer p={p} />
    </div>
  );
}

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