{/* Hero */}

{t.hero.eyebrow} {t.hero.title}

{t.hero.sub}

{/* Stats strip */}

{t.hero.meta.map((m, i) => (

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

{m}

))}

{/* Programs */}

{t.sections.programs} 03 / paths

{programs.map((pr, i) => (

{pr.name} {pr.age}

{pr.sub}

{pr.meta}

))}

{/* Proof block */}

{en ? '23 years on UBC campus' : '驻 UBC 校园 23 年'} {t.sections.proof}

{en ? 'Thirty faculty. Seven studios. Two classrooms. Year-round recitals. We teach the way good music is learned — slowly, patiently, with people who listen.' : '三十位教师。七间琴房。两间教室。全年汇报演出。我们以好音乐被学会的方式去教——慢一些，耐心一些，让会倾听的人陪伴学生。'}

{[{ n: '30', l: en ? 'Faculty' : '教师' }, { n: '420+', l: en ? 'Students' : '在校学生' }, { n: '12', l: en ? 'Recitals/yr' : '年度演出' }, { n: '4.9', l: en ? 'Parent rating' : '家长评分' }].map((s, i) => (

{s.n} {s.l}

))}

{/* FAQ */}

{t.sections.faq} {[ { q: en ? 'How does the trial lesson work?' : '试听课怎么进行？', open: true, a: en ? 'A 30-minute paid trial with the matched teacher. The fee is credited toward your first month if you enroll within 14 days.' : '与匹配教师进行 30 分钟付费试听。14 天内注册可抵扣首月学费。' }, { q: en ? 'Do you offer makeup lessons?' : '可以补课吗？' }, { q: en ? 'What instruments do you teach?' : '教授哪些乐器？' }, { q: en ? 'How is tuition billed?' : '学费如何收取？' }, ].map((f, i) => (

{f.q}

{f.open ? '−' : '+'}

{f.open && f.a &&

{f.a}

}

))}

); } // ── 2. PROGRAMS ─────────────────────────────────────────────── function MPagePrograms({ dark, lang, headingFont, showPricing = true }) { const p = palette(dark); const en = lang === 'en'; const [filter, setFilter] = React.useState('all'); const filters = en ? [{ id: 'all', l: 'All' }, { id: 'private', l: 'Private' }, { id: 'group', l: 'Group' }, { id: 'theory', l: 'Theory' }] : [{ id: 'all', l: '全部' }, { id: 'private', l: '私人课' }, { id: 'group', l: '小组' }, { id: 'theory', l: '乐理' }]; const items = en ? [ { tag: 'Private', name: 'Piano — One-to-one', age: '5+', dur: '30 / 45 / 60 min', price: '$45 / 30 min', meta: 'Weekly · 9 faculty available' }, { tag: 'Private', name: 'Violin — One-to-one', age: '5+', dur: '30 / 45 min', price: '$48 / 30 min', meta: 'Weekly · 4 faculty available' }, { tag: 'Group', name: 'Choir — Junior', age: '7–11', dur: '60 min', price: '$28 / class', meta: 'Tuesdays · 6:00 pm' }, { tag: 'Group', name: 'String Ensemble', age: '10–17', dur: '90 min', price: '$36 / class', meta: 'Saturdays · 2:00 pm' }, { tag: 'Theory', name: 'RCM Theory Prep', age: '10+', dur: '60 min', price: '$32 / class', meta: 'By cohort · 8-week term' }, { tag: 'Camp', name: 'Summer Composition Camp', age: '12–14', dur: '2 weeks', price: '$680', meta: 'Aug 4–15 · daily 10–3' }, ] : [ { tag: '私人课', name: '钢琴 · 一对一', age: '5+', dur: '30 / 45 / 60 分钟', price: '¥45 / 30 分钟', meta: '每周 · 9 位教师' }, { tag: '私人课', name: '小提琴 · 一对一', age: '5+', dur: '30 / 45 分钟', price: '¥48 / 30 分钟', meta: '每周 · 4 位教师' }, { tag: '小组', name: '少年合唱团', age: '7–11', dur: '60 分钟', price: '¥28 / 节', meta: '周二 · 18:00' }, { tag: '小组', name: '弦乐合奏', age: '10–17', dur: '90 分钟', price: '¥36 / 节', meta: '周六 · 14:00' }, { tag: '乐理', name: 'RCM 乐理预备班', age: '10+', dur: '60 分钟', price: '¥32 / 节', meta: '分组 · 8 周一期' }, { tag: '夏令营', name: '夏季作曲营', age: '12–14', dur: '两周', price: '¥680', meta: '8/4–15 · 每日 10–15' }, ]; return (

{en ? '06 programs' : '6 个项目'} {en ? 'Programs & pricing' : '课程与学费'}

{en ? 'Pick a path. Most students start with a 30-min weekly private lesson and add a group class in the second term.' : '选择一条路径。大多数学生从每周 30 分钟私人课开始，并在第二学期加入小组课。'}

{/* Filter chips */}

{filters.map(f => { const on = filter === f.id; return ( ); })}

{items.map((it, i) => (

{it.tag} · {en ? 'ages' : '年龄'} {it.age} {showPricing && {it.price}}

{it.name}

{it.dur} · {it.meta}

))}

); } // ── 3. FACULTY DETAIL ───────────────────────────────────────── function MPageFaculty({ dark, lang, headingFont }) { const p = palette(dark); const en = lang === 'en'; return (

{}} /> {/* Portrait */}

{en ? 'Piano · Senior faculty' : '钢琴 · 资深教师'} {en ? 'Ji-eun Park' : '朴智恩'}

{en ? 'Accepting students' : '接收学生'} {en ? '14 yrs at studio' : '驻校 14 年'} RCM

{en ? '“I teach the music first, then the technique that lets the music sound the way you heard it in your head.”' : '"我先教音乐，然后再教那些能让音乐听起来与你脑海中一致的技术。"'}

{/* Bio */}

{en ? 'Background' : '背景'}

{en ? 'Seoul National University (BMus). Manhattan School of Music (MM). Performances at the Kennedy Center, Roy Thomson Hall, and Chan Centre. Studio focus: classical foundation with chamber and contemporary repertoire from the second year.' : '首尔大学（音乐学士）。曼哈顿音乐学院（音乐硕士）。曾在肯尼迪中心、罗伊·汤姆森音乐厅、陈氏中心演出。教学重点：古典基础，从第二年起加入室内乐与当代曲目。'}

{/* Tuition rows */}

{en ? 'Tuition with this faculty' : '该教师学费'} {[ { d: '30 min · weekly', a: '$48' }, { d: '45 min · weekly', a: '$66' }, { d: '60 min · weekly', a: '$84' }, ].map((r, i) => (

0 ? `0.5px solid ${p.line}` : 'none' }}> {r.d} {r.a}

))}

{/* Available slots */}

{en ? 'Open trial slots this week' : '本周可试听时段'}

{[ { d: en ? 'Wed Mar 6' : '3/6 周三', t: '4:15 pm' }, { d: en ? 'Wed Mar 6' : '3/6 周三', t: '5:00 pm' }, { d: en ? 'Thu Mar 7' : '3/7 周四', t: '3:30 pm' }, { d: en ? 'Sat Mar 9' : '3/9 周六', t: '11:00 am' }, ].map((s, i) => (

{s.d}

{s.t}

))}

); } // ── 4. TRIAL BOOKING ────────────────────────────────────────── function MPageTrial({ dark, lang, headingFont }) { const p = palette(dark); const en = lang === 'en'; const [step, setStep] = React.useState(2); const days = en ? ['Mon 4', 'Tue 5', 'Wed 6', 'Thu 7', 'Fri 8', 'Sat 9'] : ['周一', '周二', '周三', '周四', '周五', '周六']; return (

{}} title={en ? 'Book a trial' : '预约试听'} /> {/* Stepper */}

{[1, 2, 3].map(n => (

))}

{en ? `Step ${step} of 3` : `第 ${step} / 3 步`} {en ? 'Pick a day & time' : '选择日期与时间'}

{en ? 'With Ji-eun Park · Piano · 30 min · $25' : '朴智恩 · 钢琴 · 30 分钟 · ¥25'}

{/* Day strip */}

{days.map((d, i) => { const on = i === 2; return (

{d}

); })}

{/* Time slots */}

{['3:30', '4:00', '4:15', '4:45', '5:00', '5:30', '6:00', '6:30', '7:00'].map((tm, i) => { const on = tm === '4:15'; const taken = ['3:30', '5:30'].includes(tm); return ( ); })}

{/* Summary */}

{en ? 'Selected' : '已选'} {en ? 'Wed Mar 6 · 4:15 pm' : '3/6 周三 · 下午 4:15'}

{en ? 'Studio B-3 · 30 min trial · $25' : 'B-3 琴房 · 30 分钟试听 · ¥25'}

); } Object.assign(window, { MOBILE_W, MOBILE_H, MTopBar, MStickyCTA, MTabBar, Icons, MPageHome, MPagePrograms, MPageFaculty, MPageTrial, });