/* global React */
function About() {
  return (
    <section id="about" className="about section section--paper" data-screen-label="02 About">
      <div className="container">
        <div className="about__head reveal">
          <span className="eyebrow">About LegalAgent</span>
          <h2 className="about__title heading-jp">
            <span className="heading-line">弁護士 × AI Agent により、</span>
            <span className="heading-line">新しい法務サービスを<span className="heading-nowrap">提供</span></span>
          </h2>
        </div>

        <div className="about__lede-block reveal reveal--delay-1">
          <p className="about__lede body-jp">
            LegalAgentは、企業法務に特化した <em>AI Native Law Firm</em> です。<br />
            高い専門性と多様なバックグラウンドを持つ弁護士が、<br />
            自社開発のAI Agentと協働し、<br />
            従来の法律事務所では実現できなかった速度・品質・固定価格にて、<br />
            クライアントのビジネスの成長にコミットする、<br />
            全く新しい法務サービスを提供します。
          </p>
        </div>

        <div className="about__pillars">
          <article className="about__pillar reveal reveal--delay-1">
            <span className="tag-num">01</span>
            <h3>AI Native Law Firm とは</h3>
            <p>
              既存の事務所がAIを「補助ツール」として導入するのに対し、私たちはAIを業務の前提とし、運用・品質管理・ナレッジ共有のあらゆるレイヤーに組み込んでいます。<br />
              AIに置き換えるのではなく、AIで武装した弁護士が、より深く、より速く、より戦略的な助言をお届けする——それがLegalAgentの考えるAI Native Law Firmです。
            </p>
          </article>
          <article className="about__pillar reveal reveal--delay-2">
            <span className="tag-num">02</span>
            <h3>法務アウトソーシング(AI-BPO)とは</h3>
            <p>
              法務業務をBPO(業務委託)として包括的にお受けする上で、AIを活用することにより、業務効率化・品質均質化・コスト最適化を実現します。<br />
              定型的な契約レビューから、戦略的なM&A・資金調達まで——「内製化に近い」体験を、外部の法律事務所として提供する新しいモデルです。
            </p>
          </article>
          <article className="about__pillar reveal reveal--delay-3">
            <span className="tag-num">03</span>
            <h3>サービスの特徴</h3>
            <ul className="about__pillar-list">
              <li><strong>専門性</strong>業界トップレベルの知識と実務</li>
              <li><strong>迅速性</strong>従来事務所の2〜10倍のスピード</li>
              <li><strong>事業理解</strong>Slack常駐で内製化に近い形</li>
              <li><strong>透明性</strong>固定価格・明朗会計</li>
            </ul>
          </article>
        </div>
      </div>
    </section>);

}

window.About = About;