// dpo-middle.jsx — DPOTriggers + DPOIncluded // All copy comes from window.DPO (dpo-content.jsx). // Only SVG icons are defined here. // Icons for the 6 trigger cards (order matches DPO.triggers.cards) const TRIGGER_ICONS = [ , , , , , , ]; // ── DPOTriggers ─────────────────────────────────────────────────────────────── function DPOTriggers() { const t = DPO.triggers; return (
{t.eyebrow}

{t.title}

{t.sub}

{t.cards.map((card, i) => (
{TRIGGER_ICONS[i]}
{`0${i + 1}`}

{card.title}

{card.desc}

))}
); } // ── DPOIncluded ─────────────────────────────────────────────────────────────── function DPOIncluded() { const s = DPO.tiers; return (
{/* Section header */}
{s.eyebrow}

{s.title}

{s.sub}

{/* ── Tier cards ── */}
{s.cards.map((card, i) => (
{/* "הנפוץ ביותר" badge */} {card.highlight && (
הנפוץ ביותר
)} {/* Mode badge */}
{card.modeLabel}

{card.title}

{card.sub}

{card.desc}

    {card.items.map((item, ii) => (
  • {item}
    • ))}
))}
{/* Notes */}
{s.note1}
{s.note2label} {s.note2}
); } Object.assign(window, { DPOTriggers, DPOIncluded });