/* ───────────────────────────────────────────────────────────────── CorpSol — home page sections (part 2) TeamTeaser · Numbers · Products · Process ───────────────────────────────────────────────────────────────── */ // ── TEAM TEASER ──────────────────────────────────────────────────────────── function TeamTeaser() { const t = useT(); const leads = [ { name: 'Zhakipbekov Iliyas', role: 'CEO Insightlab', img: '/images/leader-iliyas.jpeg', quote: 'всегда докапывается до истины' }, { name: 'Abdugani Zhasulan', role: 'CEO Quanta', img: '/images/leader-zhasulan.jpeg', quote: 'Всегда в курсе статусов по задачам' }, { name: 'Alimkulova Anara', role: 'Head of Sales', img: '/images/leader-anara.jpeg', quote: 'У нее всегда и все под контролем' }, { name: 'Shakelekov Tamerlan', role: 'HR', img: '/images/leader-tamerlan.jpeg', quote: 'охотник за головами' }, ]; const brands = ['PepsiCo', 'Nestle', 'Bosch', 'KPMG', 'Sandoz', 'P&G', 'Magnum', 'Kaspi']; return (
{leads.map((l, i) => (
{l.name}
{l.name}
{l.role}
"{l.quote}"
))}
{t('team.eyebrow')}

{t('team.h2')}

{t('team.body')}

{brands.map((b) => {b})}
{t('team.cta')}
); } // ── NUMBERS — primary 4 + secondary 5 ────────────────────────────────────── function NumbersSection() { const t = useT(); const primary = [1, 2, 3, 4].map((i) => ({ n: t(`nums.${i}.n`), l: t(`nums.${i}.l`) })); const secondary = [5, 6, 7, 8, 9].map((i) => ({ n: t(`nums.${i}.n`), l: t(`nums.${i}.l`) })); return (
{t('nums.eyebrow')}

{t('nums.h2')}

{primary.map((p, i) => (
{p.n}
{p.l}
))}
{secondary.map((p, i) => (
{p.n}
{p.l}
))}
); } // ── PRODUCTS — Quanta + Insight Lab plashki ──────────────────────────────── function ProductsSection() { const t = useT(); return (
{t('prod.eyebrow')}

{t('prod.h2')}

{t('prod.sub')}

{/* QUANTA */}
{t('prod.q.eyebrow')} Quanta

{t('prod.q.t')}

{t('prod.q.d')}

  • {t('prod.q.b1')}
  • {t('prod.q.b2')}
  • {t('prod.q.b3')}
{t('prod.q.cta')}
{/* INSIGHT LAB */}
{t('prod.i.eyebrow')} Insight Lab

{t('prod.i.t')}

{t('prod.i.d')}

  • {t('prod.i.b1')}
  • {t('prod.i.b2')}
  • {t('prod.i.b3')}
{t('prod.i.cta')}

{t('prod.foot')}

); } function BulletDot() { return ( ); } // Decorative SVG art for product cards function QuantaArt() { return ( {Array.from({ length: 12 }).map((_, i) => ( ))} {Array.from({ length: 24 }).map((_, i) => { const a = (i / 24) * Math.PI * 2; return ; })} ); } function InsightArt() { return ( {Array.from({ length: 14 }).map((_, i) => ( ))} {[0, 1, 2, 3, 4].map((i) => ( ))} ); } // ── PROCESS — 5 steps horizontal ──────────────────────────────────────────── function ProcessSection() { const t = useT(); const steps = [1, 2, 3, 4, 5].map((i) => ({ k: t(`proc.${i}.k`), title: t(`proc.${i}.t`), d: t(`proc.${i}.d`), })); return (
{t('proc.eyebrow')}

{t('proc.h2')}

{steps.map((s, i) => (
{String(i + 1).padStart(2, '0')}
{s.k}

{s.title}

{s.d}

))}
); } Object.assign(window, { TeamTeaser, NumbersSection, ProductsSection, ProcessSection });