// Marius Pop — index sections, part 1 function Nav({ onApply }) { const D = window.DATA; return (
Marius Pop · Vertrieb
Karrieregespräch
); } function Hero({ onApply }) { const H = window.DATA.hero; return (
Marius Pop und Kollege
{H.eyebrow}

{H.titleLead}{" "} {H.titleAccent} {" "} {H.titleTail}

{H.lead}

{H.body.map((p, i) =>

{p}

)}
{H.cta} {H.ctaSubline}
{/* trust badges */}
{H.badges.map((b, i) =>
{b}
)}
); } function Vorwort() { const V = window.DATA.vorwort; return (
{/* top bar */}
{V.noteLabel}
{/* big serif quote */}

{renderLead(V.lead)}

{/* note body */}
{V.paragraphs.map((p, i) =>

{p}

)} {(V.kicker || V.kickerStrong) && (

{V.kicker} {V.kickerStrong}

)}
{/* signature: avatar + handwriting */}
Marius Pop
{V.signature} {V.signatureRole}
); } function renderLead(txt) { const accent = "falschen System"; if (txt.includes(accent)) { const [a, b] = txt.split(accent); return {a}{accent}{b}; } return txt; } function StatusQuo() { const SQ = window.DATA.statusQuo; return (
{SQ.eyebrow}
{SQ.title}

{SQ.body}

{SQ.highlight}

{SQ.askLabel}
    {SQ.items.map((it, i) => (
  • {it}
    • ))}
); } function ReasonIcon({ name }) { const p = { fill: "none", stroke: "#fff", strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round" }; const g = { sinn: , income: , quer: , mentor: , flex: , cta: }; return {g[name]}; } function Reasons({ onApply }) { const R = window.DATA.reasons; const C = R.ctaCard; const icons = ["sinn", "income", "quer", "mentor", "flex"]; const cards = R.items.slice(0, 5); return (
{R.eyebrow}

{R.title}

{cards.map((it, i) =>
{it.k}

{it.t}

{it.d}

)} {/* accent CTA card */}
06

{C.title}

{C.body}

); } function CtaMid({ onApply, dark = false }) { const C = window.DATA.ctaMid; return (

{C.title}

{C.sub}

{C.cta}
); } Object.assign(window, { Nav, Hero, Vorwort, StatusQuo, Reasons, CtaMid });