// VeryPay — App
function App() {
  const [loading, setLoading] = useState(() => {
    try {
      return sessionStorage.getItem("verypay.loaded") !== "1";
    } catch (e) { return true; }
  });

  const handleLoaderDone = () => {
    try { sessionStorage.setItem("verypay.loaded", "1"); } catch (e) {}
    setLoading(false);
  };

  return (
    <>
      <Grain />
      <Cursor />
      {loading && <Loader onDone={handleLoaderDone} />}
      <Navbar />
      <main>
        <Hero />
        <System />
        <Problem />
        <Diagnostic />
        <Method />
        <BeforeAfter />
        <Profiles />
        <Manifesto />
        <FAQ />
        <CTAFooter />
      </main>
      <WhatsAppFloat />
    </>
  );
}

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