/* global React */

function Company() {
  const rows = [
    ["商号", "RE PLANNING（アールイー プランニング）"],
    ["代表者", "髙下 啓"],
    ["設立", "2026年1月"],
    ["所在地", "〒811-1232 福岡県那珂川市大字埋金68-277"],
    ["電話", "090-7778-1111"],
    ["事業内容", "不用品回収・買取／遺品整理・生前整理／ゴミ屋敷片付け／エアコン回収／海外輸出・貿易（リユース）"],
    ["許認可", "古物商 福岡県公安委員会許可 第901071510030号"],
    ["営業時間", "8:00 〜 22:00（深夜早朝 要相談）"],
    ["定休日", "年中無休"],
    ["取引銀行", "西日本シティ銀行"],
  ];

  return (
    <section className="section" id="company">
      <div className="container">
        <div className="section-head">
          <div><div className="idx">08 / 09 &nbsp; COMPANY</div></div>
          <div>
            <h2>会社概要。</h2>
            <p className="lede">
              福岡県那珂川市に拠点を置く、不用品回収・買取および海外リユース事業者です。
            </p>
          </div>
        </div>

        <div className="company-grid">
          <div className="company-greeting">
            <div className="eyebrow">GREETING — 代表ごあいさつ</div>
            <p className="company-greet-body">
              この業界で長く、「安い」と「明朗」が両立しない風景を見てまいりました。<br /><br />
              回収を依頼したはずが、現場で追加を重ねられ、結果的に数倍の支払いになる。<br />
              そうした商いから距離を置きたく、RE PLANNING を立ち上げました。<br /><br />
              見積もりは内訳で、お支払いは確定額で。<br />
              リユースできるものは国境を越えてでも、次の使い手へ。<br />
              静かに、誠実に、長くご信頼いただける会社を目指してまいります。
            </p>
            <div className="company-sign">
              <span className="mono">RE PLANNING 代表</span>
              <span className="heading company-sign-name">髙下 啓</span>
            </div>
          </div>

          <div className="company-table">
            {rows.map(([k, v], i) => (
              <div key={i} className="company-row">
                <div className="company-k mono">{k}</div>
                <div className="company-v">{v}</div>
              </div>
            ))}
          </div>
        </div>

      </div>
    </section>
  );
}

window.Company = Company;