// Skrrs portal — Home (marketing landing). Responsive + route-wired. const { Button: SBtn, SectionHeader: SHd, Badge: SBadge, Card: SCard } = window.SkrrsDesignSystem_6013e8; // 物件タイプのタイル（バンドルのSearchLauncherは使わず画面側で自前描画） const HOME_TYPES = [ { key:'office', label:'オフィス', en:'Office', icon:'building' }, { key:'retail', label:'店舗', en:'Retail', icon:'store' }, { key:'rnd', label:'教室', en:'School', icon:'school' }, { key:'industrial', label:'倉庫', en:'Warehouse', icon:'warehouse' }, { key:'datacenter', label:'工場', en:'Factory', icon:'factory' }, ]; function HomeScreen({ onNav, onSelectType, onOpenColumn }) { const D = window.SKRRS_DATA; const { isMobile, isTablet, isDesktop } = window.useViewport(); const [hov, setHov] = React.useState(null); const colsCount = isMobile ? 1 : isTablet ? 2 : 4; const featCount = isMobile ? 3 : isTablet ? 3 : 5; const goType = (k) => { onSelectType && onSelectType(k); onNav('search'); }; return (
{/* ── Hero ───────────────────────────────────────── */}
{D.hero.marker}

{/* ベネフィット・チップ（数字込みで一目で価値を伝える） */}
{D.hero.benefits.map(b=>( {b} ))}

{D.hero.lead}

} onClick={()=>onNav('contact')}>無料で相談する
お電話でのご相談 03-5937-7544

{/* ── Search launcher（種別から探す・自前タイル） ── */}

種別から物件を探す

} onClick={()=>onNav('search')}>すべての物件を見る
{HOME_TYPES.map(t=>{ const on = hov===t.key; return ( ); })}
{/* ── 非公開物件フック（希少性 × 問い合わせ動線） ── */}
{D.privateListings.marker} 非公開物件 {D.privateListings.count} 件以上

{D.privateListings.title}

{D.privateListings.lead}

{D.privateListings.note}
} onClick={()=>onNav('contact')}>{D.privateListings.cta} 03-5937-7544 平日 10:00〜18:00 ／ ご相談無料
{/* ── 信頼バッジ列（実在性・信頼の証明） ───────────── */}
{D.trustBadges.map((b,i)=>(
{b.label} {b.value}
))}
{/* ── 想い / MVV ─────────────────────────────────── */}
Our Mission

') : D.mvv.mission.title }} />

{D.mvv.mission.body}

{D.hero.catch}

{/* Values 4本柱（スマホ2列） */}
{D.mvv.values.map(v=>(
{v.n}
{v.t} {v.d}
))}
{/* ── Services（借りたい / 貸したい の2分岐） ─────── */}
{D.servicesDetail.slice(0,2).map((s,i)=>{ const shortDesc = ['物件探し〜移転・出店まで、まるごと伴走。','空室対策・管理・運用まで、おまかせください。'][i] || s.desc; const target = ['lease','manage'][i] || 'services'; return ( onNav(target)} style={{ cursor:'pointer', display:'block', position:'relative', borderRadius:'var(--r-lg)', overflow:'hidden', boxShadow:'var(--shadow-sm)' }}>
{s.en} {s.title} {isMobile ? shortDesc : s.desc} 詳細はこちら
); })}
{/* ── 初期費用の最適化（損失回避の数値訴求） ──────── */}
{D.costSaving.marker}

') : D.costSaving.title }} />

{D.costSaving.lead}

{(() => { const card = (it) => (
{it.t} {it.v} {it.d}
); const its = D.costSaving.items; return isMobile ? (
{card(its[0])}{card(its[1])}
{its[2] && card(its[2])}
) : (
{its.map(card)}
); })()}
} onClick={()=>onNav('contact')}>初期費用について相談する
{/* ── Columns ────────────────────────────────────── */}
} onClick={()=>onNav('columns')}>記事一覧を見る} /> {(() => { const cards = D.columns.slice(0, isMobile?6:4).map(c=>( onOpenColumn(c)} style={{ cursor:'pointer', display:'flex', flexDirection:'column', height:'100%', background:'var(--surface)', border:'1px solid var(--border-subtle)', borderRadius:'var(--r-md)', overflow:'hidden', boxShadow:'var(--shadow-sm)' }}>
{c.cat} {c.date}
{c.title}
)); return isMobile ?
{cards}
:
{cards}
; })()}
{/* ── Features ───────────────────────────────────── */}
{D.features.map((f,i)=>(
{i+1}
{f.t} {f.d}
))}
} onClick={()=>onNav('contact')}>自社に合うか、相談してみる
{/* ── 対応できる領域（背景写真ブロック） ─────────── */}
Our Coverage
} onClick={()=>onNav('services')}>サービスを見る
{D.strengths.map(s=>(
{s}
))}
{/* ── Voices teaser ──────────────────────────────── */}
} onClick={()=>onNav('projects')}>お客様の声を見る} /> {(() => { const cards = D.projects.slice(0, isMobile?6:3).map(v=>( onNav('projects')} style={{ cursor:'pointer', display:'flex', flexDirection:'column', height:'100%', minWidth:0, width:'100%', background:'var(--surface)', border:'1px solid var(--border-subtle)', borderRadius:'var(--r-md)', overflow:'hidden', boxShadow:'var(--shadow-sm)' }}>
{v.voice}
{v.cat} {v.area}
)); return isMobile ?
{cards}
:
{cards}
; })()}
{/* ── タグライン ─────────────────────────────────── */}
Our Promise

{D.tagline}

{/* ── News + CTA ─────────────────────────────────── */}
} onClick={()=>onNav('news')}>一覧を見る} />
Consult

経験豊富なエージェントが、
あなたの立場で最適なご提案をします

オフィス・店舗・教室・倉庫・工場まで、幅広い事業ニーズに対応。物件探しも、契約のお悩みも、まずはお気軽にご相談ください。

} onClick={()=>onNav('contact')}>無料で相談する 03-5937-7544
); } Object.assign(window, { HomeScreen });