/* global React */
function Instructor() {
  const creds = [
    "元大手サロン取締役店長",
    "200名規模の組織マネジメント",
    "定額制会員250名突破",
    "業界初 オールインクルーシブサロン®創設",
  ];
  return (
    <section id="instructor" className="mentor">
      <div className="container">
        <div className="section-head">
          <div className="label-col">
            <div className="num">09</div>
            <div className="eyebrow">INSTRUCTOR</div>
            <div className="hr"></div>
            <div className="kicker-jp">講師紹介</div>
          </div>
          <div>
            <div className="section-title">
              現場を変え続けてきた、<br/>
              <em>実務家</em>。
            </div>
          </div>
        </div>

        <div className="mentor-feature">
          <div className="mentor-portrait">
            <img src="images/instructor.jpg" alt="大久保 誠二 — AIS塾 主宰" />
            <span className="label">Founder — AIS</span>
            <span className="name-overlay">Seiji Okubo</span>
          </div>
          <div className="about">
            <div className="name-row">
              <div className="name-jp">大久保 誠二</div>
              <div className="name-en">Seiji Okubo</div>
            </div>
            <div className="role">AIS塾 主宰 ／ オールインクルーシブサロン® 創設者</div>
            <p className="bio">
              元大手サロン取締役店長として200名規模の組織マネジメントを経験。
              現場と経営の両側から美容業界を見つめ直し、
              <strong style={{color: "var(--gold-deep)"}}>業界初のオールインクルーシブサロン®</strong>を創設。
              自身のサロンで定額制会員250名を突破し、その仕組みを全国の美容室経営者に伝えるべくAIS塾を主宰。
              「売上を追うのではなく、愛され続けるサロンを仕組みでつくる。」
            </p>
            <div className="credentials">
              {creds.map((c, i) => (
                <div className="c" key={i}>
                  <div className="k">{String(i+1).padStart(2, "0")}</div>
                  <div className="v">{c}</div>
                </div>
              ))}
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
window.Instructor = Instructor;
