/* global React */
function AIAgentPromo() {
  return (
    <section id="ai-agent" className="ai-agent-promo section section--paper-2" data-screen-label="AI Agent Promo">
      <div className="container">
        <div className="ai-agent-promo__inner reveal">
          <div className="ai-agent-promo__text">
            <span className="eyebrow">Another Service</span>
            <h2 className="ai-agent-promo__title heading-jp">
              <span>法務特化の</span>
              <em>Word AI Agent</em>
            </h2>
            <p className="ai-agent-promo__lede body-jp">
              LegalAgent は、法律事務所事業に加えて、契約書レビュー・法務文書作成を支援する Word 上の AI Agent も提供しています。<br/>
              Word ファイルに常駐し、あなたからの指示に基づいて、Word ファイルの内容を、適切に修正し、コメントを付します。<br/>
              あなた専用の優秀なアソシエイトを、Word ファイルの中に。<br/>
              Legal Agent は、契約書の修正・ドラフト作業を、10倍効率化します。
            </p>
            <div className="ai-agent-promo__actions">
              <a href="/word-ai-agent/" className="btn btn--gold">
                サービス詳細を見る
                <svg className="arrow" width="14" height="14" viewBox="0 0 14 14" fill="none">
                  <path d="M2 7h10M8 3l4 4-4 4" stroke="currentColor" strokeWidth="1.2"/>
                </svg>
              </a>
            </div>
          </div>
          <aside className="ai-agent-promo__visual">
            <img
              src="/assets/ai-agent-screenshot.png"
              alt="法務特化のWord AI Agent — Word文書上で動作するLegal Agentのスクリーンショット"
              className="ai-agent-promo__image"
              loading="lazy"
            />
          </aside>
        </div>
      </div>
    </section>
  );
}
window.AIAgentPromo = AIAgentPromo;