/* global React */
/* BOHAM Praia — App: single-scroll page composition */
(function () {
function Sec({ id, children }) {
  return <div id={id ? 'sec-' + id : undefined}>{children}</div>;
}

function BohamSite() {
  const {
    BohamNav, BohamHero, BohamAbout, BohamDayLife,
    BohamKite, BohamBarra, BohamMap, BohamGallery, BohamReviews, BohamVisit, BohamFooter, BohamCookieBanner,
  } = window;

  return (
    <div style={{ background: 'var(--surface-page)' }}>
      <BohamNav />
      <Sec id="home"><BohamHero /></Sec>
      <BohamReviews />
      <Sec id="about"><BohamAbout /></Sec>
      <Sec id="eat"><BohamDayLife /></Sec>
      <Sec id="kite"><BohamKite /></Sec>
      <Sec id="barra"><BohamBarra /></Sec>
      <Sec id="map"><BohamMap /></Sec>
      <Sec id="gallery"><BohamGallery /></Sec>
      <Sec id="visit"><BohamVisit /></Sec>
      <BohamFooter />
      <BohamCookieBanner />
    </div>
  );
}

window.BohamSite = BohamSite;
})();
