/* ============================================================ TechManager — PUBLIC PAGES (landing, catalog, roadmap) ============================================================ */ /* ---------- Reusable cert card ---------- */ const CertCard = ({ cert, onOpen }) => { const soon = cert.status === 'COMING_SOON'; return (

{cert.name}

{cert.description}

{cert.areas.slice(0, 3).map((a) => {a})} {cert.areas.length > 3 && +{cert.areas.length - 3}}
{cert.modules.length || '—'} modules ${cert.price}
{soon ? Notify me : }
); }; /* ---------- Credibility block (used on landing + standalone) ---------- */ const CredibilitySection = ({ db }) => (
The evidence

Credibility you can measure

{db.credibility.evidence.map((e) => (
{e.stat}

{e.label}

{e.source}
))}
{db.credibility.feedback.map((f) => (
“
{f.quote}
{f.name[0]}
{f.name}
{f.role}
))}
); /* ---------- Roadmap timeline ---------- */ const RoadmapTimeline = ({ db }) => { const items = TM.sortedRoadmap(); return (
{items.map((r) => (

{r.title}

{r.date}

{r.description}

))}
); }; /* ---------- LANDING ---------- */ const Landing = ({ db, go, openCert }) => { const visible = TM.visibleCerts(); const problems = [ { n: '01', t: 'Certifications ignore management', d: 'Traditional PM and leadership certs teach process and frameworks — but nothing about the technical systems your team builds every day.' }, { n: '02', t: 'Engineering teams are deeply technical', d: 'Managers work alongside engineers in cloud infrastructure, data pipelines, CI/CD systems, and AI tooling. Every single day.' }, { n: '03', t: 'A credibility gap emerges', d: "Without technical context, managers can't ask the right questions, can't spot risk, and lose authority in technical conversations." }, { n: '04', t: 'TechManager closes that gap', d: 'Not to turn you into an engineer — but to make you a more credible, confident, and effective leader.' }, ]; return (
{/* hero */}
Stackable credentials for managers

Does your engineering team speak a language you don't understand?

TechManager gives you the vocabulary, the right questions, and the decision-making criteria to lead engineering teams with credibility. No coding required.

Join {TM.managersCertified().toLocaleString()}+ managers already leading with confidence

c.status === 'READY' ? openCert(c) : null} />
{/* stats */}
{TM.managersCertified().toLocaleString()}+
Managers Certified
{TM.domainsCovered()}
Domains Covered
${db.stats.pricePerCertLow}–${db.stats.pricePerCertHigh}
Per Certification
Lifetime
Credential Validity
{/* problem */}
The problem

The credibility gap is real

{problems.map((p) => (
{p.n}

{p.t}

{p.d}

))}
{/* certification path */}
The certification path

Stack credibility, one domain at a time

{visible.slice(0, 3).map((c) => )}
{/* roadmap preview */}
What's next

The roadmap

{/* CTA */}

Lead with credibility. Start free.

Pick a domain, study the modules, pass the exam, and earn a lifetime credential you can share on LinkedIn.

); }; /* ---------- CERTIFICATION CATALOG ---------- */ const CertCatalog = ({ db, go, openCert }) => { const visible = TM.visibleCerts(); // READY + COMING_SOON only; NOT_READY hidden return (
Certification path

Choose your next credential

Every certification is a stackable, lifetime credential. Click one to open its learning path and study the modules before you sit the exam.

{/* map of how they connect */}
How the certifications connect Configured in the admin panel
c.status === 'READY' ? openCert(c) : null} />
{visible.map((c) => )}
); }; /* ---------- ROADMAP PAGE ---------- */ const RoadmapPage = ({ db }) => (
Product roadmap

Where TechManager is headed

New domains and features, ordered by what's coming next. Dates are firm where shown, otherwise "coming soon."

); Object.assign(window, { CertCard, CredibilitySection, RoadmapTimeline, Landing, CertCatalog, RoadmapPage });