/* 正式版挂载器：单页、方向锁 B、无评审外壳 */
function ProdPage() {
  const pageId = window.__JH_PAGE === "waimao" ? "waimao" : "biaoge";
  const data = PAGES[pageId];
  window.__pageBranch = pageId === "waimao" ? "trade" : "eff";
  return (
    <React.Fragment>
      <IntentSwitch active={pageId} />
      <main className="page" data-dir="b">
        {data.blocks.map((b, i) => <Block key={i} b={b} />)}
      </main>
      <Checkup />
    </React.Fragment>
  );
}

function IntentSwitch({ active }) {
  return (
    <nav className="intent-switch" aria-label="选择想先解决的问题">
      <div className="intent-switch-inner">
        <a className="intent-brand" href="/cn/biaoge/">
          <img className="brandmark" src="assets/logo-jh.webp" alt="骏航" />
          <span>骏航AI</span>
        </a>
        <div className="intent-copy">你现在想先解决</div>
        <div className="intent-options">
          <a className="intent-option" data-active={active === "biaoge" ? 1 : 0} href="/cn/biaoge/">
            <span className="intent-main">内部提效</span>
            <span className="intent-sub">表格整理 / 流程自动化</span>
          </a>
          <a className="intent-option" data-active={active === "waimao" ? 1 : 0} href="/cn/waimao/">
            <span className="intent-main">外贸获客</span>
            <span className="intent-sub">独立站 / SEO / AI 可见度</span>
          </a>
        </div>
      </div>
    </nav>
  );
}

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