/* ===== PRICING — Bastion-styled, no pill cards ===== */
function PricingPage({ navigate, openSignup }) {
const [mode, setMode] = useState("monthly");
return (
<>
{/* Toggle as text-style tabs with hairlines */}
{[
{ id: "monthly", t: "包月會員", en: "MONTHLY MEMBERSHIP" },
{ id: "single", t: "單堂 / 私人", en: "PER CLASS / PRIVATE" },
].map(o => (
))}
{mode === "monthly" ?
:
}
{/* Promo */}
// LIMITED · 試營運優惠
6 月底前
全方案 95 折
>
);
}
function MonthlyPlans({ openSignup }) {
const plans = [
{
id: "elite", num: "01", name: "ELITE", ch: "精實訓練", price: 4500,
headline: "每月 10 堂 — 認真備賽的常態課表",
features: ["團體課程 每月 10 堂 (熱適應除外)", "第 11 堂起 500 / 堂", "熱適應訓練 500 / 堂", "飲品 & 商品折扣優惠", "特定活動備賽秘笈"],
},
{
id: "addict", num: "02", name: "ADDICT", ch: "重度成癮", price: 6500,
headline: "每月 15 堂 — 把每天訓練排進來",
features: ["團體課程 每月 15 堂 (熱適應除外)", "第 16 堂起 500 / 堂", "熱適應訓練 500 / 堂", "飲品 & 商品折扣優惠", "特定活動備賽秘笈", "包月會員專屬訓練社群"],
},
];
return (
<>
{plans.map((p, i) => (
PLAN {p.num}
{p.name}
{p.ch}
{p.headline}
${p.price.toLocaleString()}
/ 月
{p.features.map((f, idx) => (
0{idx + 1}
{f}
))}
))}
{/* Discount stack */}
>
);
}
function SingleClassPricing({ openSignup }) {
const rows = [
{ name: "團體課程 (熱適應除外)", price: "600 / 堂", trial: "首次體驗 400 / 堂", promo: "試營運 500 / 堂", promoTrial: "首次體驗 350 / 堂" },
{ name: "熱適應訓練", price: "800 / 堂", trial: "首次體驗 600 / 堂", promo: "試營運 700 / 堂", promoTrial: "首次體驗 550 / 堂" },
{ name: "個人技巧課 1 對 1", price: "1500 / 小時", trial: "(室內 / 外騎)", promo: null },
{ name: "個人技巧課 1 對 2", price: "2000 / 小時", trial: "外騎跨縣市車馬費另計", promo: null },
{ name: "團體包班", price: "依需求報價", trial: "請私訊洽詢", promo: null },
{ name: "個人化訓練課表", price: "3800 / 月", trial: "含 TrainingPeaks Premium", promo: null },
];
return (
課程類別
課程定價
試營運優惠
{rows.map((r, i) => (
{r.name}
{r.price}
{r.trial &&
{r.trial}
}
{r.promo ? (
<>
{r.promo}
{r.promoTrial &&
{r.promoTrial}
}
>
) : (
—
)}
))}
* 首次體驗優惠每人限用一次
);
}
window.PricingPage = PricingPage;