/* global React, Brandmark, Icon */ /* ============================================================ SDLC Framework — landing components ============================================================ */ const { useState: useStateS, useEffect: useEffectS } = React; /* ---------- SDLC brand mark (different from Endiorbot) ---------- */ function SdlcBrand({ size = 28 }) { return ( SDLC · Framework ); } /* ---------- Top nav ---------- */ function SdlcNav({ t, lang, setLang }) { return ( ); } /* ---------- Hero ---------- */ function SdlcHero({ t }) { const stats = [t.hero.stat1, t.hero.stat2, t.hero.stat3, t.hero.stat4, t.hero.stat5]; return (
{t.hero.eyebrow}

{t.hero.headline_a}{" "}{t.hero.headline_em}{" "}{t.hero.headline_b}

{t.hero.sub}

{t.hero.ctaPrimary} {t.hero.ctaSecondary}
{stats.map((s, i) => (
{i === 0 ? {s.n} : s.n}
{s.l}
))}
); } /* ---------- Promise ---------- */ function PromiseSection({ t }) { return (
{t.promise.eyebrow}

{t.promise.title}

{t.promise.body}

); } /* ---------- Seven pillars ---------- */ function PillarsSection({ t }) { return (
{t.pillars.eyebrow}

{t.pillars.title}

{t.pillars.sub}

{t.pillars.items.map((p, i) => (
{p.n}

{p.t}

{p.d}

))}
{t.pillars.sec7.n}

{t.pillars.sec7.t}

{t.pillars.sec7.d}

{t.pillars.sec8.n}

{t.pillars.sec8.t}

{t.pillars.sec8.d}

); } /* ---------- 10-Stage timeline (interactive) ---------- */ function StagesSection({ t }) { const [sel, setSel] = useStateS(0); const stage = t.stages.data[sel]; return (
{t.stages.eyebrow}

{t.stages.title}

{t.stages.sub}

{t.stages.data.map((s, i) => (
setSel(i)} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") setSel(i); }}>
{s.id}
{s.name}
{s.q}
))}

{stage.id} · {stage.name}

Gate: {stage.gate} Reqs: {stage.reqs} Parallel: {stage.parallel}
    {stage.deliverables.map((d, i) => (
  • {d[0]}{d[1]}
    • ))}
); } /* ---------- Four tiers ---------- */ function TiersSection({ t }) { return (
{t.tiers.eyebrow}

{t.tiers.title}

{t.tiers.sub}

{t.tiers.items.map((tier, i) => (
{tier.lvl}

{tier.name}

{tier.who}
Stages: {tier.stages}
    {tier.features.map((f, j) =>
  • {f}
    • )}
))}
); } /* ---------- Quality gates ---------- */ function GatesSection({ t }) { return (
{t.gates.eyebrow}

{t.gates.title}

{t.gates.sub}

{t.gates.items.map((g, i) => (
{g.id}
{g.phase}
{g.title}
    {g.ev.map((e, j) => (
  • ✓{e}
    • ))}
))}
); } /* ---------- Vibecoding meter ---------- */ function VibeSection({ t }) { return (
{t.vibe.eyebrow}

{t.vibe.title}

{t.vibe.body}

Signal weights

{t.vibe.signals.map((s, i) => (
{s.l}{s.w}
))}

Routing

0204060100
{t.vibe.routing.map((r, i) => (
{r.range}{r.label} {r.action}
))}
); } /* ---------- 18 SOULs ---------- */ function SoulsSection({ t }) { return (
{t.souls.eyebrow}

{t.souls.title}

{t.souls.sub}

{t.souls.tiers.map((tier, i) => ( {tier.l} ))}
{t.souls.items.map((s, i) => (
{s.role}
@{s.name}
))}
); } /* ---------- Training modules ---------- */ function TrainingSection({ t }) { return (
{t.training.eyebrow}

{t.training.title}

{t.training.sub}

{t.training.items.map((m, i) => (
M{m.i}
{m.t}{m.sub}
{m.h}
{m.tier}
))}
); } /* ---------- Reference implementations ---------- */ function RefsSection({ t }) { const r = t.refs; return (
{r.eyebrow}

{r.title}

{r.sub}

{r.endior.badge}

{r.endior.title}

{r.endior.body}

{r.endior.ctas.map((c, i) => ( {c[0]} ))}
{r.endior.stats.map((s, i) => (
{s[0]}
{s[1]}
))}
{r.orch.badge}

{r.orch.title}

{r.orch.body}

{r.orch.ctas.map((c, i) => ( {c[0]} ))}
{r.orch.stats.map((s, i) => (
{s[0]}
{s[1]}
))}
); } /* ---------- Adoption rail ---------- */ function AdoptSection({ t }) { return (
{t.adopt.eyebrow}

{t.adopt.title}

{t.adopt.sub}

{t.adopt.steps.map((s, i) => (
{s.day}
{s.num}

{s.t}

{s.d}

))}
); } /* ---------- Standards ---------- */ function StandardsSection({ t }) { return (
{t.standards.eyebrow}

{t.standards.title}

{t.standards.sub}

{t.standards.items.map((it, i) => (
{it[0]}
{it[1]}
))}
); } /* ---------- FAQ ---------- */ function FaqSdlc({ t }) { const [open, setOpen] = useStateS(0); return (
{t.faq.eyebrow}

{t.faq.title}

{t.faq.items.map((it, i) => (

{it.a}

))}
); } /* ---------- Footer ---------- */ function FootSdlc({ t }) { return ( ); } Object.assign(window, { SdlcBrand, SdlcNav, SdlcHero, PromiseSection, PillarsSection, StagesSection, TiersSection, GatesSection, VibeSection, SoulsSection, TrainingSection, RefsSection, AdoptSection, StandardsSection, FaqSdlc, FootSdlc });