/* app.jsx — assembles the Sukatukang landing page.
 *
 * The handoff prototype shipped an authoring "tweaks" panel (language / hero
 * headline / accent). Per the handoff, that panel is authoring-only and the
 * chosen defaults are baked here instead:
 *   - language : Malay primary
 *   - headline : "Booth yang setaraf dengan jenama anda." (headlines[0])
 *   - accent   : burnt amber (set as the CSS default in index.html :root)
 */

const LANG = "ms";        // Malay primary
const HEADLINE_IDX = 0;   // "Booth yang setaraf dengan jenama anda."

function App() {
  const lang = LANG;
  const [openBuild, setOpenBuild] = React.useState(null);

  React.useEffect(() => { document.documentElement.lang = lang; }, [lang]);

  return (
    <React.Fragment>
      <Header lang={lang} />
      <main>
        <Hero lang={lang} headlineIdx={HEADLINE_IDX} />
        <Trust lang={lang} />
        <Portfolio lang={lang} onOpen={setOpenBuild} />
        <Process lang={lang} />
        <Why lang={lang} />
        <Souvenir lang={lang} />
        <Inquiry lang={lang} />
      </main>
      <Footer lang={lang} />
      <StickyWhatsApp lang={lang} />

      {openBuild ? <BuildModal build={openBuild} lang={lang} onClose={() => setOpenBuild(null)} /> : null}
    </React.Fragment>
  );
}

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