/* global React, ReactDOM */
/* global Masthead, StoryRail, Cover, Journey, About, Experience, Cases, Toolkit, Credentials, Colophon, useScrollExperience */

const { useEffect } = React;

function App() {
  useScrollExperience();

  useEffect(() => {
    const root = document.documentElement;
    root.dataset.theme = "paper";
    root.dataset.motion = "high";
    root.dataset.grain = "on";
  }, []);

  return (
    <>
      <Masthead />
      <StoryRail />
      <main>
        <Cover />
        <Journey />
        <About />
        <Experience />
        <Cases />
        <Toolkit />
        <Credentials />
        <Colophon />
      </main>
    </>
  );
}

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