/* Section 3 — 3 Promises (株式会社労務ニュース版) */

const PROMISES = [
  {
    num: '01',
    label: 'FACILITATE',
    t: '答えを渡すのではなく、考える場をつくる。',
    b: '社長や幹部に「これが正解です」とは言いません。チームが自分たちで考え、語り、決められるように、問いを出し、議論を整え、合意を可視化する。研修で答えを伝えるのではなく、現場で答えを出せるチームを育てます。'
  },
  {
    num: '02',
    label: 'STAY CLOSE',
    t: '研修だけで終わらせない。動き出すまで隣にいる。',
    b: '研修・制度設計・AI導入 ── 一度きりで定着するものは一つもありません。だから月次で経営会議・幹部会・人事部の隣に座り続けます。社外の人だからこそ言えることを、組織の中の人と同じ熱量で。それが「顧問ファシリテーター」の役割です。'
  },
  {
    num: '03',
    label: 'BACKED BY PRACTICE',
    t: '実務に裏打ちされた、地に足のついた助言。',
    b: '机上の人事論ではなく、社労士法人で約80社の現場を見続けている経験が背景にあります。給与・労務・規程・法令の実務感覚を持ったまま、戦略と育成と評価を語る。これが、コンサル単独でも士業単独でもできない、私たちの立ち位置です。'
  }
];

const Promises = () => (
  <section className="promises" id="promises" data-screen-label="03 Promises">
    <div className="container">
      <div className="section-head">
        <Eyebrow>OUR 3 PROMISES · 3つの約束</Eyebrow>
        <h2>「経営会議に、もう一人」<br/>として、私たちが守ること。</h2>
      </div>
      <p className="promises__intro">
        多くのコンサルは <b>「何をやるか」</b>（＝サービス範囲）で差別化します。<br/>
        株式会社労務ニュースは、それに加えて<b>「どう関わり続けるか」</b>——
        問いの出し方、伴走の仕方、実務感覚の重ね方——で差別化します。
      </p>
      <div className="promises__grid">
        {PROMISES.map(p => (
          <div className="promise" key={p.num}>
            <div className="promise__num"><span className="small">{p.label}</span>{p.num}</div>
            <div className="promise__ttl">{p.t}</div>
            <div className="promise__body">{p.b}</div>
          </div>
        ))}
      </div>
    </div>
  </section>
);

window.Promises = Promises;
