// Page components in the BECoach visual language. Each receives `c` (language-resolved) and `go`. const SECTION_PAD = "clamp(64px, 8vw, 104px) clamp(20px, 5vw, 56px)"; const MAXW = 1180; function PageTitle({ kicker, title, intro, align = "left" }) { return (

{kicker}

{title}

{intro &&

{intro}

}

); } /* ---------------- HOME ---------------- */ function HomePage({ c, go }) { const h = c.home; return (

{/* Hero */}

{c.badge}

{h.title}

{h.subtitle}

{c.mandala.caption}

{/* Stats */}

{h.statValue.map((v, i) => (

{v}

{h.statLabel[i]}

))}

{/* Values */}

{h.valuesKicker}

{h.valuesTitle}

{h.values.map((v, i) => (

{String(i + 1).padStart(2, "0")}

{v.t}

{v.d}

))}

{/* Teaser */}

{h.teaserKicker}

{h.teaserTitle}

{h.teaserBody}

); } /* ---------------- ABOUT ---------------- */ function AboutPage({ c, go }) { const a = c.about; return (

{a.howTitle}

{a.howBody}

{c.mandala.caption}

{a.roles.map((r, i) => (

{String(i + 1).padStart(2, "0")}

{r.t}

{r.d}

))}

{a.pathwaysKicker}

{a.pathwaysTitle}

{a.pathwaysBody}

{["11", "5", "∞"].map((n, i) => { const labs = c.locale === "zh" ? ["条专业学习路径", "个进阶等级", "次重新尝试的机会"] : ["specialized paths", "proficiency levels", "chances to try again"]; return (

{n} {labs[i]}

); })}

); } /* ---------------- MEETINGS ---------------- */ function MeetingsPage({ c, go }) { const m = c.meetings; const InfoRow = ({ icon, title, note }) => (

{icon}

{title}

{note &&

{note}

}

); return (

} title={m.when} note={m.whenNote} /> } title={m.where} note={m.whereNote} /> } title={m.format} note="" />

{m.expectTitle}

{m.expect.map((e, i) => (

{e}

))}

{m.map.legend.map((step, i) => (

{i + 1} {step}

))}

{m.map.altNote}

); } /* ---------------- JOIN ---------------- */ function JoinPage({ c, go }) { const j = c.join; return (

{j.steps.map((s, i) => (

{s.n}

{s.t}

{s.d}

))}

{j.feeKicker}

{j.feeTitle}

{j.feeBody}

{j.feeNote}

); } /* ---------------- CONTACT ---------------- */ function ContactPage({ c, go }) { const k = c.contact; const [sent, setSent] = React.useState(false); const field = { fontFamily: "var(--font-rounded)", fontSize: 15, width: "100%", padding: "13px 15px", background: "var(--panel)", border: "1px solid var(--surface-border)", borderRadius: "var(--radius-md)", color: "var(--ink)", outline: "none", boxSizing: "border-box" }; const lab = { fontFamily: "var(--font-rounded)", fontSize: 13, fontWeight: 600, color: "var(--ink-soft)", marginBottom: 8, display: "block" }; return (

{k.emailLabel}

{k.email}

{k.locLabel}

{k.loc}

{sent ? (

{k.thanks}

) : (