/* global React, A_TopBar, A_Nav, A_Hero, A_LogoWall, A_Modules, A_ProductMock, A_Integrations, A_Pricing, A_Footer, MoreLessFaster, FounderNote, DemoPlayer, initSnapIn */

const SiteA = () => {
  React.useEffect(() => {
    /* Re-run snap-in observer after full React paint */
    const raf = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
    raf(() => raf(() => { if (typeof initSnapIn === "function") initSnapIn(); }));
  }, []);

  return (
    <div className="hexa" style={{ minHeight: "100%", width: "100%", background: "var(--bg)", color: "var(--fg)" }}>
      <MoneyBanner />
      <A_TopBar />
      <A_Nav />
      <A_Hero />
      <A_LogoWall />
      <A_Modules />
      <DemoPlayer />
      <A_ProductMock />
      <A_Integrations />
      <A_Pricing />
      <MoreLessFaster />
      <FounderNote />
      <A_Footer />
    </div>
  );
};

window.SiteA = SiteA;