// ───────────── Home page ─────────────
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "palette": "aurora",
  "videoBg": true,
  "grain": true
}/*EDITMODE-END*/;

function App() {
  const t = useSiteTweaks(TWEAK_DEFAULTS);
  const accent = PALETTES[t.palette] || PALETTES.aurora;
  return (
    <SiteChrome accent={accent} t={t}>
      <Hero accent={accent} videoBg={t.videoBg}/>
      <Highlights accent={accent}/>
      <Services accent={accent}/>
      <Gallery accent={accent}/>
      <Process accent={accent}/>
      <Testimonials accent={accent}/>
      <Location accent={accent}/>
      <Enquiry accent={accent}/>
    </SiteChrome>
  );
}

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