function About() {
  return (
    <section className="section about" id="about">
      <div className="section-inner narrow">
        <div className="eyebrow">about the studio</div>
        <h2 className="section-title">筆処 和灯について</h2>

        <div className="about-grid">
          <div className="about-copy">
            <p className="lead">
              「和灯」は、<em>和（やわらぎ）</em>と<em>灯（あかり）</em>のふたつの字から名づけました。
              現代の暮らしの中に、ほんの小さな、けれど消えない灯火を。
            </p>
            <p>
              筆処では、未経験のかたでも安心して始められる筆文字の講座を開いています。
              月にニ回、少人数で、ゆっくりと。
            </p>
            <p>
              また、お客様のご要望に合わせた命名書、ご家族のお名前を一枚にしたためた色紙、
              贈りものに添えるメッセージカードのご依頼も承っております。
            </p>
            <p className="signature">― 北薗 竜司</p>
          </div>

          <div className="about-aside" aria-hidden="true">
            <div className="vertical-quote">
              <span>一</span>
              <span>筆</span>
              <span>に</span>
              <span>、</span>
              <span>心</span>
              <span>を</span>
              <span>込</span>
              <span>め</span>
              <span>て</span>
              <span>。</span>
            </div>
            <HankoStamp chars="和灯" size={72}/>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { About });