// Editor Eye LP — Section components Part 2 // ============================================ // Outcome Story (起承転結) // ============================================ function OutcomeStory({ t, lang }) { return (

{t.outcome.title}

{t.outcome.sub}

{t.outcome.acts.map((a, i) => { const moodChip = { stuck: { bg: "var(--bg-tint)", color: "var(--ink-3)", icon: "✕" }, spark: { bg: "var(--blue-soft)", color: "var(--blue)", icon: "✦" }, win: { bg: "var(--orange-soft)", color: "var(--orange)", icon: "✓" }, ship: { bg: "var(--orange-soft)", color: "#B85F0F", icon: "★" } }[a.mood]; return (
{a.label} {a.time && ({a.time})}

{a.title}

{a.body}

{moodChip.icon} {a.mood === "ship" ? lang === "ja" ? "発売" : "Shipped" : a.mood === "win" ? lang === "ja" ? "解決" : "Solved" : a.mood === "spark" ? lang === "ja" ? "発見" : "Found" : lang === "ja" ? "詰まり" : "Stuck"}
); })}
); } window.OutcomeStory = OutcomeStory; // ============================================ // Plan Cards (4 plans) // ============================================ function PlanIcon({ kind }) { const stroke = "currentColor"; const sw = 1.8; if (kind === "gear") return ( ); if (kind === "play") return ( ); if (kind === "camera") return ( ); if (kind === "spark") return ( ); return null; } function PlanCards({ t, lang }) { return (

{t.plans.title}

{t.plans.sub}

{t.hero.cta}
{t.plans.cards.map((c, i) => { const isLast = i === t.plans.cards.length - 1; return ( {!isLast && } ); })}
{/* Banner CTA */} {t.plans.banner &&
{t.plans.banner.title}
{t.plans.banner.sub}
}
); } window.PlanCards = PlanCards; // ============================================ // Service Catalog // ============================================ function ServiceCatalog({ t, lang }) { return (

{t.catalog.title}

{t.catalog.sub}

{t.catalog.stats.map((s, i) =>
{s.num}
{s.label}
)}
{t.catalog.groups.map((g, i) =>
{g.roman}

{g.title}

{g.en}
{g.count} actions
    {g.items.map((it, j) =>
  • — {it}
    • )}
)}
); } window.ServiceCatalog = ServiceCatalog; // ============================================ // FAQ // ============================================ function FAQ({ t, lang }) { const [openIdx, setOpenIdx] = React.useState(-1); // 初期値 undefined = 未クリック (一覧非表示) // null = 「すべて」クリック後 (全件表示) // 文字列 = 個別カテゴリ const [activeCat, setActiveCat] = React.useState(undefined); const hasClicked = activeCat !== undefined; const items = !hasClicked ? [] : (activeCat ? t.faq.items.filter((x) => x.cat === activeCat) : t.faq.items); return (

{t.faq.title}

{t.faq.sub}

{lang === "ja" ? "今すぐ無料で始める" : "Start free now"}
{t.faq.cats.map((c) => )}
{hasClicked && (
{items.map((it, i) => { const isOpen = openIdx === i; return (
{isOpen &&
{it.a}
}
); })}
{lang === "ja" ? `+ ${100 - items.length} more questions →` : `+ ${100 - items.length} more questions →`}
)}
); } window.FAQ = FAQ; // ============================================ // Generative Audio (Section A — above Context Efficiency) // ============================================ function GenerativeAudioSection({ t, lang }) { const d = t.generativeAudio; return (
{d.eyebrow}

{d.title}

{d.subtitle}

{d.cards.map((c, i) => (
{c.icon}
{c.tag}

{c.title}

{c.body}

— {c.meta}
))}
); } window.GenerativeAudioSection = GenerativeAudioSection; // ============================================ // Context Efficiency (K0086 — before Core Value) // ============================================ function ContextEfficiencySection({ t, lang }) { const d = t.contextEfficiency; return (
{d.eyebrow}

{d.title}

{d.subtitle}

{/* Big number card */}
1/10
{d.ratio.label}
{d.ratio.detail}
{/* Mech 1 */}
🗜
{d.mech1.tag}

{d.mech1.title}

{d.mech1.body}

{d.mech1.pill}
{/* Mech 2 */}
⚙️
{d.mech2.tag}

{d.mech2.title}

{d.mech2.body}

{d.mech2.pill}
{/* Benefit bar */}
{d.benefits.map((b, i) => (
✓ {b}
))}
); } window.ContextEfficiencySection = ContextEfficiencySection; // ============================================ // Generative Sprite (Section B — below Context Efficiency) // ============================================ function GenerativeSpriteSection({ t, lang }) { const d = t.generativeSprite; return (
{d.eyebrow}

{d.title}

{d.subtitle}

{d.sizes.map((c, i) => (
{c.icon}
{c.size}
{c.tag}

{c.title}

{c.body}

— {c.meta}
))}
); } window.GenerativeSpriteSection = GenerativeSpriteSection; // ============================================ // Core Value (6-card grid, after FAQ) // ============================================ function CoreValueSection({ t, lang }) { return (
{t.coreValue.eyebrow}

{t.coreValue.title}

{t.coreValue.subtitle}

{t.coreValue.cards.map((c, i) => (
{/* Header */}
{c.icon}
{c.tag}
{/* Body */}

{c.title}

{c.body}

{/* Footer */}
— {c.meta}
))}
); } window.CoreValueSection = CoreValueSection; // ============================================ // Pricing // ============================================ function Pricing({ t, lang }) { return (

{t.pricing.title}

{t.pricing.sub}

{t.pricing.plans.map((p, i) =>
{p.featured && {lang === "ja" ? "おすすめ" : "RECOMMENDED"} }

{p.name}

{p.price} {p.per}
{p.req}
{p.cta}
    {p.features.map((f, j) =>
  • ✓ {f}
    • )}
)}
); } window.Pricing = Pricing; // ============================================ // Final CTA // ============================================ function FinalCTA({ t }) { return (
{t.finalCta.eyebrow}

{t.finalCta.title}

{t.finalCta.sub}

{t.finalCta.cta} {t.finalCta.secondary}
); } window.FinalCTA = FinalCTA; // ============================================ // Footer // ============================================ function Footer({ t, lang }) { const cols = [t.footer.download, t.footer.product, t.footer.legal]; const FALLBACK_URL = "https://downloads.editor-eye.app/extension/v0.18.7/editor-eye-unity-v0.18.7.unitypackage"; const [downloadUrl, setDownloadUrl] = React.useState(FALLBACK_URL); React.useEffect(() => { fetch("https://downloads.editor-eye.app/extension/manifest.json") .then(r => r.json()) .then(m => { if (m.download_url) setDownloadUrl(m.download_url); }) .catch(() => {}); }, []); return ( ); } window.Footer = Footer;