/* global React */
// The Sailing section is served by the separate sailing site (sailing.yachtingstack.ai);
// the storefront shows each of its headerless *-embed.html pages directly under its own
// fixed header — no band, no lockup: the embedded page carries its own hero and title.
// The embedded page scrolls inside a viewport-height frame; the storefront footer follows below it.
const NAV_H = 72;   // fixed nav: 69px bar + 3px progress strip (wordmark variant)
function SailingEmbedPage({ page, origin }) {
  origin = origin || window.SAILING_SITE_ORIGIN;
  return <div style={{ background: "var(--bg-deep)", paddingTop: NAV_H }}>
    <iframe src={origin + "/" + page.embed} title={page.title}
      className="sailing-frame" style={{ width: "100%", border: 0, display: "block", background: "var(--bg-deep)" }}
      loading="eager" allow="fullscreen" />
  </div>;
}
Object.assign(window, { SailingEmbedPage });