// Shared subpage primitives for QTG inner pages // Provides: , , , // All pages reuse

, const SubpageHero = ({ kicker, headline, sub, ctaLabel, ctaHref, meta, headlineStyle, hideSecondaryCta }) =>

{kicker.split(' · ')[0]} {kicker.split(' · ').slice(1).join(' · ')}

{k}
)}
)}

; const SubpageIndex = ({ tag, items, anchorPrefix }) =>

{tag} · INDEX

{items.map((p, i) =>

{anchorPrefix} {p.status && {p.status}}

{p.name}

{(p.desc || p.headline || '').split('.')[0]}.

Jump to Section

)}

; const SubpageDeepCard = ({ p, idx, total, anchorPrefix, visual }) => { const reverse = idx % 2 === 1; return (

{anchorPrefix}

{p.name}

{p.status && {p.status}}

{p.headline}

{!reverse &&

}

{visual}

{reverse &&

}

); }; const SubpageBody = ({ p }) => <>

{p.desc}

{p.chips &&

{p.chips.map((c, i) => {c})}

} {p.stats &&

{p.stats.map(([k, v], i) =>

{k}

{v}

)}

}

Contact QTG Read More

; // Generic "schematic" visual for subpages — diagram of capability nodes const SchematicVisual = ({ title, status, nodes, footnote }) =>

{title} {status || 'LIVE'}

{nodes.map((n, i) =>

{n.tag} {n.kpi && {n.kpi}}

{n.label}

{n.sub &&

{n.sub}

}

)}

{footnote &&

{footnote}

}

; const SubpageConnects = ({ tag, headline, lead, columns, footerCells }) =>

{tag}

{headline}

{lead}

{columns.map((c, i) =>

{c.tag}

{c.name}

)}

↓ {footerCells.connector || 'NORMALIZED LAYER'} ↓

{footerCells.cells.map(([k, v], i) =>

{k}

{v}

)}

; Object.assign(window, { SubpageHero, SubpageIndex, SubpageDeepCard, SubpageBody, SchematicVisual, SubpageConnects });