// pages-about.jsx
const TEACHERS = [
  {
    id: 'xia', tone: 'primary', name: ['Ms. Xia Gu', '谷霞老师'], role: ['Founder & lead teacher', '创办人 · 主班老师'],
    tags: [['Early Childhood Education', '幼儿教育背景'], ['Law school background', '法学院训练'], ['Mother of two', '两个孩子的妈妈']],
    body: [
      ['Xia Gu founded Seven Little Bears in 2021, building on years of hands-on care for young children — and wanting to give her own child the same kind of care. As both a parent and an educator, she knows what high-quality early childhood care asks of the adults in the room.',
        '谷老师在多年一线照顾孩子的经验基础上，也是为了更好地照顾自己的孩子，于 2021 年创办了七只小熊。身为母亲，也是教育者，她清楚高质量的早期照顾对大人意味着什么。'],
      ['Her training in early childhood education, alongside law school studies, shows up as structure: a home that is loving and organised, with age-appropriate activities that give each day shape.',
        '幼儿教育的专业背景加上法学院的训练，体现在秩序上：一个既有爱、也有条理的家，用适龄的活动把每一天撑起来。'],
      ['She puts particular weight on physical education — a strong, healthy body is where self-confidence begins. Through movement, children build strength, coordination and resilience, and with them curiosity, confidence and kindness.',
        '她特别看重体育——结实健康的身体是自信的起点。通过运动，孩子长出力量、协调和韧性，也长出好奇、自信与善良。'],
      ['She also works closely with families, keeping communication open so that a child’s needs are met the same way at home and here.',
        '她也和家庭紧密配合，保持沟通顺畅，让孩子在家里和在这里得到一致的照顾。'],
    ],
  },
  {
    id: 'liang', tone: 'sage', name: ['Ms. Liang', '梁老师'], role: ['Teacher', '老师'],
    tags: [['10+ years experience', '十余年经验'], ['Raised four children', '养育过四个孩子']],
    body: [['A warm, dedicated educator with more than ten years caring for children. Having raised four of her own, she reads children quickly and pairs that instinct with real professional judgement — children in her care feel loved and safely held.',
      '温柔而尽责的老师，有十余年照顾孩子的经验。自己养育过四个孩子，她能很快读懂孩子，把这份直觉和专业判断结合起来——在她身边，孩子既被爱着，也被稳稳托住。']],
  },
  {
    id: 'narmada', tone: 'sky', name: ['Ms. Narmada', 'Narmada 老师'], role: ['Teacher', '老师'],
    tags: [['Mathematics education', '数学教育背景'], ['Mother of two', '两个孩子的妈妈']],
    body: [['Attentive and deeply responsible, with a background in mathematics education. She has a gift for making numbers and new vocabulary feel simple and fun, breaking big ideas into pieces a three-year-old can hold.',
      '细心、责任感强，有数学教育背景。她擅长把数字和新词讲得简单又好玩，把复杂的概念拆成三岁孩子也能拿得住的小块。']],
  },
];

const PHILOSOPHY = [
  [['Child at the centre', '以孩子为中心'], ['Every child is naturally curious and creative, able to build their own understanding of the world. Play and physical activity are how that happens, so they are the foundation of our program — not the reward at the end of it.', '每个孩子天生好奇、会创造，能自己建立对世界的理解。游戏和运动是实现的路径，所以它们是课程的基础，而不是完成任务后的奖励。']],
  [['Each child is unique', '每个孩子都不一样'], ['Interests, strengths and needs deserve to be respected and supported. Children learn best when engaged, motivated and challenged at their own developmental level, so activities flex to the child rather than the reverse.', '兴趣、优势与需求都值得被尊重和支持。孩子在自己的发展水平上被吸引、被激励、被适度挑战时学得最好，所以活动跟着孩子调整，而不是反过来。']],
  [['A healthy body first', '先有健康的身体'], ['Age-appropriate sport and movement build coordination, strength and endurance — and teamwork and confidence with them. We want children to genuinely enjoy moving, because that habit outlasts us.', '适龄的运动带来协调、力量与耐力，也带来合作与自信。我们希望孩子真心喜欢动起来，因为这个习惯会陪他们更久。']],
  [['Learning is holistic', '学习是整体的'], ['Cognitive, social, emotional and physical growth are one thing, not four. Children learn by being actively involved, working with others and connecting what they do to the world outside.', '认知、社交、情绪与身体的成长是一件事，不是四件。孩子通过主动参与、与人合作、把所做的事和外面的世界连起来来学习。']],
  [['Families are partners', '家庭是伙伴'], ['We build real relationships with families, respect their backgrounds and beliefs, and involve them through steady communication and participation.', '我们与家庭建立真实的关系，尊重各自的背景与信念，通过持续的沟通和参与把家长带进来。']],
  [['Joy is the measure', '快乐是标准'], ['A day should be fun and meaningful. That is how curiosity, creativity, confidence and physical health take root — and how a love of learning lasts a lifetime.', '一天应该既好玩也有意义。好奇、创造、自信与健康就是这样扎根的，对学习的热爱也这样延续一生。']],
];

function AboutPage() {
  const t = useT();
  return (
    <>
      <PageHead eyebrow={t('About us', '关于我们')} title={t('Founded in 2021, run like a family', '2021 年创办，像一家人一样运作')}
        lead={t('Three experienced teachers, a licensed home in Escondido, and one belief: care and movement together give a child their foundation.',
          '三位资深老师，一间位于埃斯孔迪多的持照托育之家，以及一个信念：照顾与运动一起，才给孩子真正的底子。')}/>
      {TEACHERS.map((tc, i) => (
        <section key={tc.id} className={'sec' + (i % 2 ? ' band-surface' : '')}>
          <div className="wrap split" style={{ alignItems: 'start' }}>
            <div style={{ order: i % 2 ? 2 : 1, minWidth: 0 }}>
              <span className={'chip chip-' + tc.tone}>{t(...tc.role)}</span>
              <h2 className="d2" style={{ margin: '18px 0 18px' }}>{t(...tc.name)}</h2>
              {tc.body.map((p, j) => <p key={j} className="muted" style={{ maxWidth: '58ch' }}>{t(...p)}</p>)}
              <div className="chiprow" style={{ marginTop: 22 }}>{tc.tags.map((g, j) => <span key={j} className="chip">{t(...g)}</span>)}</div>
            </div>
            <div style={{ order: i % 2 ? 1 : 2 }}>
              <Plate id={'team-' + tc.id} ar="ar-45" tone={tc.tone} fit="contain" src={tc.id === 'xia' ? '../uploads/teacher-xia.jpg' : tc.id === 'liang' ? '../uploads/teacher-liang.png' : tc.id === 'narmada' ? '../uploads/teacher-narmada.png' : undefined} label={t(...tc.name)}/>
            </div>
          </div>
        </section>
      ))}
      <section className="sec band-sun">
        <div className="wrap">
          <div style={{ maxWidth: '46ch', marginBottom: 42 }}>
            <Eyebrow>{t('Our philosophy', '我们的理念')}</Eyebrow>
            <h2 className="d2" style={{ marginTop: 16 }}>{t('Values we can actually be held to', '可以被我们兑现的价值观')}</h2>
          </div>
          <div className="grid g3">
            {PHILOSOPHY.map(([h, b], i) => (
              <div key={h[0]} className="card">
                <span className="nums" style={{ color: 'var(--primary-ink)', fontSize: 15, fontWeight: 600 }}>{String(i + 1).padStart(2, '0')}</span>
                <h3 className="d4" style={{ margin: '10px 0 12px' }}>{t(...h)}</h3>
                <p className="small muted">{t(...b)}</p>
              </div>
            ))}
          </div>
        </div>
      </section>
      <section className="sec">
        <div className="wrap" style={{ textAlign: 'center' }}>
          <div style={{ display: 'flex', justifyContent: 'center', marginBottom: 22 }}><Dots7/></div>
          <p className="quote" style={{ maxWidth: '26ch', margin: '0 auto 28px' }}>{t('Every child is a little seed, and with love, care and learning, they grow into strong, beautiful trees.', '每个孩子都是一颗小种子，有爱、有照顾、有学习，就会长成挺拔好看的树。')}</p>
          <p className="small muted" style={{ marginBottom: 30 }}>{t('— Xia Gu, teacher', '—— 谷老师')}</p>
          <a className="btn btn-primary" href={purl('/tour')}><SIcon name="calendar" size={19}/>{t('Book a tour', '预约参观')}</a>
        </div>
      </section>
      <VisitBand/>
    </>
  );
}
Object.assign(window, { TEACHERS, PHILOSOPHY, AboutPage });
