/* App root — assembles the landing */
const App = () => {
  const [variant, setVariant] = React.useState(
    (window.__TWEAKS__ && window.__TWEAKS__.serviceCardVariant) || "editorial"
  );

  return (
    <div className="page grain">
      <Nav />
      <Hero />
      <Marquee />
      <About />
      <Services variant={variant} />
      <Calculator />
      <Gallery />
      <BeforeAfter />
      <Process />
      <Reviews />
      <GiftCard />
      <Booking />
      <FAQ />
      <Contacts />
      <Footer />
      <StickyCta />
      <Tweaks variant={variant} setVariant={setVariant} />
    </div>
  );
};

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