<?php
/**
 * index.php — ロボットマート！ トップページ
 * ロボットの総合ストア（toC・量販店的な間口の広さ）。Smartmartのカジュアル版。
 * ロボット本体（探す・はじめる）が主役、きせかえ（WEAR/スキン）はカテゴリの一つ。
 */
require_once __DIR__ . '/includes/head.php';

// 機種グリッド6（GRAND §3 確定リスト）。絵文字禁止→rm_icon()。
$models = [
    ['slug' => 'pepper',     'name' => 'Pepper',     'maker' => 'SoftBank Robotics', 'icon' => 'bot',             'type' => '受付・接客'],
    ['slug' => 'bellabot',   'name' => 'BellaBot',   'maker' => 'Pudu Robotics',     'icon' => 'cat',             'type' => '配膳'],
    ['slug' => 'lovot',      'name' => 'LOVOT',      'maker' => 'GROOVE X',          'icon' => 'heart',           'type' => '家庭用'],
    ['slug' => 'aibo',       'name' => 'aibo',       'maker' => 'Sony',              'icon' => 'dog',             'type' => '家庭用'],
    ['slug' => 'unitree-g1', 'name' => 'Unitree G1', 'maker' => 'Unitree',           'icon' => 'person-standing', 'type' => 'ヒューマノイド'],
    ['slug' => 'temi',       'name' => 'temi',       'maker' => 'temi',              'icon' => 'monitor',         'type' => '受付・案内'],
];

// 売場カテゴリ（間口の広い入口・本体小売の2フロア）
$floors = [
    ['icon' => 'home',     'title' => 'おうちにロボットを',
     'text' => 'LOVOT・aiboなどの家庭用ロボット。家族に迎える前の疑問から、迎えたあとの暮らしの相談まで。',
     'href' => '/items/', 'link' => '機種を見る'],
    ['icon' => 'store',    'title' => 'お店・施設にロボットを',
     'text' => '受付・接客・配膳・案内。導入の進め方、購入とレンタルの違い、運用の準備までまとめて相談できます。',
     'href' => '/items/', 'link' => '機種を見る'],
];

// FAQ（ロボット本体小売の入口の疑問）
$faqData = [
    ['q' => 'ロボットの購入・レンタルの相談はできますか？',
     'a' => 'はい。機種選びから購入・レンタル・中古のご相談まで承ります。在庫・価格は機種や時期によって変わるため、<a href="' . rm_e(rm_url('/order/')) . '">相談フォーム</a>からご希望をお知らせください。ロボット総合ストアSmartmartの運営ノウハウでご提案します。'],
    ['q' => '個人でも相談できますか？法人専用ですか？',
     'a' => 'どなたでも歓迎です。ご家庭でロボットを迎えたい方から、お店・施設への導入を検討する法人のご担当者まで、同じ窓口でご相談いただけます。'],
    ['q' => 'ロボットにユニフォームを着せたり、着せ替えはできますか？',
     'a' => 'はい。法人向けの制服・作業着は姉妹サイト「ROBOT WEAR」、個人の着せ替え・カスタムは「ロボスキン」が、それぞれ専門にお受けします。センサーや可動部を塞がない安全設計でご提案します。'],
    ['q' => '導入後のサポートや保守はどうなりますか？',
     'a' => 'メーカー公式の保守・サポート体制がある機種については、その内容もあわせてご案内します。購入・レンタル・中古のご相談から導入後の進め方まで、同じ窓口でお手伝いします。'],
];

// ── JSON-LD ──
$ldWebsite = [
    '@context' => 'https://schema.org',
    '@type'    => 'WebSite',
    'name'     => RM_SITE_NAME,
    'url'      => rm_abs('/'),
    'inLanguage' => 'ja',
    'description' => 'ロボットの総合ストア。機種選び・購入・レンタルの相談から、きせかえ・アクセサリまで。',
];
$ldOrg = [
    '@context' => 'https://schema.org',
    '@type'    => 'Organization',
    'name'     => RM_SITE_NAME,
    'url'      => rm_abs('/'),
    'parentOrganization' => ['@type' => 'Organization', 'name' => 'ASI株式会社'],
];
$ldFaq = rm_faq_data($faqData);

rm_page_start([
    'title'       => 'ロボットマート！｜ロボットの総合ストア（機種選び・購入/レンタルのご相談）',
    'description' => 'ロボットのいる毎日を、もっと身近に。Pepper・LOVOT・aibo・BellaBot・Unitree G1・temiの機種情報、購入・レンタル・中古のご相談まで。誰でも気軽に立ち寄れるロボット本体の総合ストアです。ユニフォーム・着せ替えは姉妹サイトでご案内します。',
    'path'        => '/',
    'jsonld'      => [$ldWebsite, $ldOrg, $ldFaq],
]);
?>

<section class="rm-hero">
  <div class="rm-container">
    <h1 class="rm-hero__title">ロボットのいる毎日を、<em>もっと身近に</em>。</h1>
    <p class="rm-hero__sub">ロボット本体の総合ストア「ロボットマート！」。機種選びも、購入・レンタルの相談も、導入後のサポートも。はじめての方こそ、お気軽にどうぞ。</p>
    <div class="rm-hero__actions">
      <a class="rm-btn rm-btn--primary rm-btn--lg" href="<?= rm_e(rm_url('/items/')) ?>">ロボットを探す</a>
      <a class="rm-btn rm-btn--ghost rm-btn--lg" href="<?= rm_e(rm_url('/order/')) ?>">相談する（無料）</a>
    </div>
  </div>
</section>

<!-- ① 機種から探す（売場のメイン棚） -->
<section class="rm-section">
  <div class="rm-container">
    <h2 class="rm-section__title">機種から探す</h2>
    <p class="rm-section__lead">気になるロボットの「できること・スペック・はじめかた」を機種ページでチェック。</p>
    <div class="rm-grid rm-grid--3">
      <?php foreach ($models as $m): ?>
      <a class="rm-card rm-modelcard" href="<?= rm_e(rm_url('/items/' . $m['slug'] . '/')) ?>">
        <?= rm_icon($m['icon'], 34) ?>
        <div class="rm-modelcard__name"><?= rm_e($m['name']) ?></div>
        <div class="rm-modelcard__maker"><?= rm_e($m['maker']) ?></div>
        <div class="rm-mt-1"><span class="rm-badge"><?= rm_e($m['type']) ?></span></div>
      </a>
      <?php endforeach; ?>
    </div>
    <p class="rm-center rm-mt-3 rm-muted">掲載のない機種も取り扱いのご相談ができます。<a href="<?= rm_e(rm_url('/order/')) ?>">機種名を添えてご相談ください</a>。</p>
  </div>
</section>

<!-- ② 売場案内（間口の広い入口） -->
<section class="rm-section rm-section--alt">
  <div class="rm-container">
    <h2 class="rm-section__title">フロアガイド</h2>
    <p class="rm-section__lead">目的から選ぶ。おうち用も、お店用も。</p>
    <div class="rm-grid rm-grid--2">
      <?php foreach ($floors as $f): ?>
      <article class="rm-card rm-card--brand">
        <p class="rm-card__eyebrow"><?= rm_icon($f['icon'], 18) ?></p>
        <h3 class="rm-card__title"><?= rm_e($f['title']) ?></h3>
        <p class="rm-card__text"><?= rm_e($f['text']) ?></p>
        <a class="rm-card__link" href="<?= rm_e(rm_url($f['href'])) ?>"><?= rm_e($f['link']) ?> <?= rm_icon('arrow-right', 14) ?></a>
      </article>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- ③ はじめかた（相談ステップ） -->
<section class="rm-section">
  <div class="rm-container">
    <h2 class="rm-section__title">ロボットのはじめかた</h2>
    <p class="rm-section__lead">「何から考えればいいか分からない」が普通です。順番にご案内します。</p>
    <ol class="rm-steps rm-mt-2">
      <li><strong>相談</strong>　やりたいこと・予算感・置き場所をざっくり教えてください。機種が決まっていなくても大丈夫です。</li>
      <li><strong>ご提案</strong>　購入・レンタル・中古などの選択肢を、メリットも注意点も正直にご案内します。</li>
      <li><strong>導入</strong>　お見積もり・手配・初期設定の段取りをサポートします。</li>
      <li><strong>その後も</strong>　ユニフォームや季節の着せ替えは、姉妹サイトのROBOT WEAR・ロボスキンへご案内。「迎えたあと」も気軽にどうぞ。</li>
    </ol>
    <p class="rm-center rm-mt-2"><a class="rm-btn rm-btn--primary" href="<?= rm_e(rm_url('/order/')) ?>">無料で相談してみる</a></p>
  </div>
</section>

<!-- ④ 姉妹サイト案内（ユニフォーム・着せ替えは専門サイトへ） -->
<section class="rm-section rm-section--alt">
  <div class="rm-container">
    <h2 class="rm-section__title">ユニフォーム・着せ替えは、専門サイトで</h2>
    <p class="rm-section__lead">ロボットを迎えたあとの「らしさ」づくりは、ロボットマート！の姉妹サイトが専門にお受けします。</p>
    <div class="rm-grid rm-grid--2">
      <article class="rm-card rm-card--wear">
        <p class="rm-card__eyebrow">ROBOT WEAR</p>
        <h3 class="rm-card__title">法人ユニフォーム・作業着・保護カバー</h3>
        <p class="rm-card__text">受付・接客ロボの制服、現場の防汚カバー・プロテクター、企業ロゴ入れやオーダーメイドまで。スタッフと揃いの一着で「らしさ」を。</p>
        <a class="rm-card__link" href="<?= rm_e(RM_WEAR_URL) ?>">ROBOT WEAR を見る <?= rm_icon('arrow-right', 14) ?></a>
      </article>
      <article class="rm-card rm-card--skin">
        <p class="rm-card__eyebrow">ロボスキン</p>
        <h3 class="rm-card__title">着せ替えスキン・ステッカー・ラッピング</h3>
        <p class="rm-card__text">季節限定デザイン、パーソナライズ、名入れ。スマホケースを選ぶ感覚で、ロボットに今日の一着を。</p>
        <a class="rm-card__link" href="<?= rm_e(RM_SKIN_URL) ?>">ロボスキン を見る <?= rm_icon('arrow-right', 14) ?></a>
      </article>
    </div>
  </div>
</section>

<!-- ⑤ 安全ポリシー -->
<section class="rm-section">
  <div class="rm-container">
    <h2 class="rm-section__title">安心して選べるお店であるために</h2>
    <p class="rm-section__lead">おすすめも、注意点も、正直に。</p>
    <div class="rm-note" role="note">
      <p class="rm-note-label"><?= rm_icon('shield', 16) ?> ロボットマート！の約束</p>
      在庫や価格が変わりやすい商品は、断定せず最新の状況を確認してご案内します。
      当店は各メーカーの正規総代理店ではなく、ロボット本体の購入・レンタル・中古のご相談を承る販売店です。
      メーカー公式の販売・サポート体制がある機種については、その点もあわせて正直にお伝えします。
    </div>
  </div>
</section>

<!-- ⑥ FAQ -->
<?php rm_faq_render($faqData); ?>

<!-- ⑦ CTA -->
<?php rm_cta('default'); ?>

<?php rm_page_end(); ?>
