// Variant A — "Trust" (conservative) // LayerX / Sansan inspired. White bg, high-contrast black, single deep accent. // Editorial serif accent on a couple of display moments; otherwise restrained. function VariantTrust() { const [faqOpen, setFaqOpen] = useState(0); return (
); } // ── Nav ────────────────────────────────────────────────────── function Nav() { return (
M
関東マンショントーク
); } const navLink = { color: 'var(--fg)', textDecoration: 'none', opacity: 0.75, transition: 'opacity .15s' }; // ── Hero ───────────────────────────────────────────────────── function Hero() { return (
首都圏エリアで提供開始

{COPY.heroTitles.trust}

{COPY.heroLead.trust}

); } // ── LINE mockup — a chat preview UI ────────────────────────── function LineMockup() { return (
{/* LINE-style header bar */}
M
マンショントーク
オンライン
{/* Messages */}
希望エリアを選んでください。 港区・目黒区・品川区 予算の上限は？ 1.2億円まで
条件に合う3件が見つかりました
資産性スコア順に並んでいます。詳細はカードをタップしてください。
); } function ChatBubble({ children, side, wide }) { const left = side === 'left'; return (
{children}
); } function PropertyCard({ title, area, score }) { return (
{title}
{area}
{score}
); } // ── Metrics row ────────────────────────────────────────────── function Metrics() { const items = [ { v: '関東全域', l: '対象エリア' }, { v: '最短3分', l: '提案までの時間' }, { v: '24時間', l: 'LINEで受付' }, { v: '¥0', l: '利用料金' }, ]; return (
{items.map((it, i) => (
{it.v}
{it.l}
))}
); } // ── Features ───────────────────────────────────────────────── function Features() { return (

強引な営業ではなく、
情報の精度で選ばれる。

{FEATURES.map((f, i) => (
{f.no}

{f.title}

{f.body}

))}
); } // ── Scoring / AI ───────────────────────────────────────────── function Scoring() { return (

感覚ではなく、
6つの軸で評価。

住まい選びは直感だけでは難しい買い物です。マンショントークは、プロが長年積み重ねてきた判断軸をアルゴリズムに落とし込み、誰もが同じ基準で比較できるようにしました。

{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}
); } // ── Steps ──────────────────────────────────────────────────── function Steps() { return (

LINEのトーク画面だけで、完結する。

{STEPS.map((s, i) => (
{s.no}
{i < STEPS.length - 1 && (
)}

{s.title}

{s.body}

))}
); } // ── Areas ──────────────────────────────────────────────────── function Areas() { const prefs = Object.keys(AREAS); return (
Coverage / 対応エリア
関東圏 1都6県・全市区町村
{prefs.join(' / ')}
); } // ── FAQ ────────────────────────────────────────────────────── function Faq({ faqOpen, setFaqOpen }) { return (

疑問は、
先に解消を。

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

首都圏の住まい選び、
LINEからはじめませんか。

友だち登録すると、条件ヒアリングが自動で始まります。情報収集段階のご利用でも、もちろん歓迎です。

); } // ── Footer ─────────────────────────────────────────────────── function Footer() { return ( ); } // shared headline style const sectionHeadline = { fontSize: 'clamp(30px, 3.6vw, 44px)', fontWeight: 600, letterSpacing: -0.015, lineHeight: 1.25, margin: 0, }; Object.assign(window, { VariantTrust, Nav, Hero, LineMockup, Metrics, Features, Scoring, Steps, Areas, Faq, FinalCTA, Footer, sectionHeadline });