/* 会社情報ページ */

function CompanyPage() {
  const co = window.PSPO_SITE.company;
  return (
    <>
      <PageHero
        breadcrumb={[{ label: "会社情報" }]}
        title="会社情報"
        lede={co.name + " — P・SPO CHITACOH の運営会社"}
      />

      <section className="section">
        <div className="container container-narrow">
          <SectionHead eyebrow="COMPANY" title="会社概要" />
          <table className="compare-table">
            <tbody>
              <tr><td>会社名</td><td>{co.name}</td></tr>
              <tr><td>設立</td><td>{co.established}</td></tr>
              <tr><td>資本金</td><td>{co.capital}</td></tr>
              <tr><td>所在地</td><td>{co.address}</td></tr>
              <tr><td>代表者</td><td>{co.representative || "—"}</td></tr>
              <tr><td>電話</td><td>{co.phone || "—"}</td></tr>
              <tr><td>メール</td><td>{co.email || "お問い合わせフォームをご利用ください"}</td></tr>
              <tr><td>ウェブサイト</td><td><a href={co.website}>{co.website}</a></td></tr>
              <tr><td>事業内容</td><td>月額会員制スペース（スタディルーム・カフェスペース・WEB個室ブース・ジム）の運営</td></tr>
            </tbody>
          </table>
        </div>
      </section>

      <section className="section section--alt">
        <div className="container container-narrow prose">
          <SectionHead eyebrow="MESSAGE" title="P・SPOについて" />
          <p>
            月額会員制にて、さまざまなサービスを展開する P・SPO。愛知県では現在、半田市内の3店舗（住吉店・清城店・知多半田駅前店）を展開しています。
          </p>
          <p>
            スタディルーム・カフェスペース・WEB個室ブースなど、目的に合わせて使える設備を揃えております。会員になればすべての店舗をご利用いただけます。
          </p>
          <p>
            日々のお仕事・学習・オンライン会議などに、自分のペースで使える場所を。半田の皆さまに選んでいただけるサービスを目指しています。
          </p>
        </div>
      </section>

      <section className="section">
        <div className="container u-text-center">
          <a className="btn btn--ghost" href="/contact/">お問い合わせ</a>
        </div>
      </section>
    </>
  );
}