// Variant C — "Editorial" (challenging) // Magazine-like. Serif display headlines. Asymmetric grids. // Subtle noise texture. Side-captions. Number-marginalia. function VariantEditorial() { const [faqOpen, setFaqOpen] = useState(0); return (
); } // ── Nav ────────────────────────────────────────────────────── function EdNav() { return (
SUMAITALK / KANTO ED.
01 Manifesto 02 Pillars 03 Flow 04 Coverage 05 FAQ
); } // ── Masthead — magazine-like top strip ─────────────────────── function EdMasthead() { return (
Vol.01
関東マンショントーク
2026 Spring Issue
); } // ── Hero ───────────────────────────────────────────────────── function EdHero() { return (
— FEATURE №01 — 住まいの定量化について

住まいの、
良し悪しを
定量化する。

{COPY.heroLead.editorial}

p. 001
); } // ── Manifesto paragraph ────────────────────────────────────── function EdManifesto() { return (
— MANIFESTO
なぜ、関東でも。

新築マンション選びには、公開情報だけでは掴めない判断軸がある。価格推移、再開発計画、口コミ、管理体制。プロの目利きが持っていた感覚を、私たちはアルゴリズムに翻訳した。

関西で2万人以上が使ったこの仕組みを、首都圏の住まい選びにも、いま。

); } // ── Pillars / features ─────────────────────────────────────── function EdPillars() { return (
— 02 / PILLARS

三つの、柱。

§01–§03
{FEATURES.map((f, i) => (
0 ? '1px solid var(--fg)' : 'none', position: 'relative', }}>
§{f.no}

{f.title}

{f.body}

))}
); } // ── Scoring strip — horizontal, dense ──────────────────────── function EdScoreStrip() { return (
— 03 / SCORING

六つの軸で、
住まいを
読み解く。

{SCORING.map((s, i) => (
№{String(i + 1).padStart(2, '0')}
{s.label}
{s.body}
))}
{/* Trust sources + disclaimer */}
— DATA SOURCES / 信頼性の根拠
{TRUST_SOURCES.map((t, i) => (
{t.label}
{t.body}
))}
※ご注意：{DISCLAIMER}
); } // ── Flow ───────────────────────────────────────────────────── function EdFlow() { return (
— 04 / FLOW

登録から提案まで、3分。

{STEPS.map((s, i) => (
{s.no}

{s.title}

{s.body}

))}
); } // ── Areas (thin band) ───────────────────────────────────────── function EdAreas() { const prefs = Object.keys(AREAS); return (
— 05 / COVERAGE
関東圏 1都6県・全市区町村
{prefs.map((p, i) => ( {p}{i < prefs.length - 1 && /} ))}
); } // ── FAQ ────────────────────────────────────────────────────── function EdFaq({ faqOpen, setFaqOpen }) { return (
— 06 / FAQ

疑問について。

{FAQS.map((f, i) => ( setFaqOpen(faqOpen === i ? -1 : i)} /> ))}
); } // ── Close / Final CTA ─────────────────────────────────────── function EdClose() { return (
— EPILOGUE

住まい探しを、
LINEで。

); } // ── Footer ────────────────────────────────────────────────── function EdFooter() { return ( ); } Object.assign(window, { VariantEditorial, EdNav, EdMasthead, EdHero, EdManifesto, EdPillars, EdScoreStrip, EdFlow, EdAreas, EdFaq, EdClose, EdFooter });