/* global React, ReactDOM */
const { SLOGANS } = window;

function LandingPage({ variant }) {
  return (
    <div className="drops-page" data-variant={variant} data-screen-label="Drop's Landing">
      <window.SiteHeader />
      <window.JungleBackdrop />
      <window.HeroSection variant={variant} />
      <window.MarqueeRow items={SLOGANS} />
      <window.AboutSection variant={variant} />
      <window.MenuFood variant={variant} />
      <window.MenuBeer variant={variant} />
      <window.GallerySection variant={variant} />
      <window.InfoSection variant={variant} />
      <window.FooterSection variant={variant} />
    </div>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<LandingPage variant="B" />);