/* ───────────────────────────────────────────────────────────────── CorpSol — Team page sections ───────────────────────────────────────────────────────────────── */ const LEADERS = [ { name: 'Айгерим Сатпаева', role: 'РОП B2B', ex: 'ex Kaspi · ex Magnum' }, { name: 'Дамир Балтабаев', role: 'РОП Quanta', ex: 'ex PepsiCo · ex Beeline' }, { name: 'Анна Каримова', role: 'Head of Research', ex: 'ex KPMG' }, { name: 'Темирлан Аубакир', role: 'РОП фарма', ex: 'ex Sandoz · ex Nestle' }, { name: 'Жанна Усенова', role: 'COO', ex: 'ex P&G · ex Bosch' }, { name: 'Берик Талғат', role: 'Head of Quality', ex: 'ex Kaspi' }, { name: 'Алия Маратова', role: 'Head of HR', ex: 'ex Magnum' }, { name: 'Ерлан Сериков', role: 'Tech Lead Quanta', ex: 'ex Yandex' }, { name: 'Камилла Алимжан', role: 'Head of CustDev', ex: 'ex KPMG' }, { name: 'Олжас Жұмабай', role: 'Project Director', ex: 'ex Halyk Bank' }, { name: 'Гульнар Орынбаева', role: 'Operations Manager', ex: 'ex BTS Digital' }, { name: 'Нурлан Қасенов', role: 'Sales Architect', ex: 'ex Kaspi · ex Nestle' }, { name: 'Сабина Ибраева', role: 'Head of Marketing', ex: 'ex Yandex Go' }, ]; const BRAND_LOGOS = ['PepsiCo', 'Nestle', 'Bosch', 'KPMG', 'Sandoz', 'P&G', 'Magnum', 'Kaspi']; const TEAM_PHOTOS = [ { src: '/images/a87dbc8c-175e-4952-b641-0ea127d27847.jpg.jpeg' }, { src: '/images/67a2a2d9-b057-42db-ac57-257851981de9.jpg.jpeg' }, { src: '/images/f2813ccd-7067-4fd0-a5fc-17b3d8b09578.jpg.jpeg' }, { src: '/images/0f12e4cb-18e9-4954-bd6b-bdb0bff95457.jpg.jpeg' }, { src: '/images/5ad658d5-8332-4e33-bd15-18d9906a996c.jpg.jpeg' }, { src: '/images/808e6b36-8a4f-41dd-b5e6-651c2307841b.jpg.jpeg' }, { src: '/images/967944bc-22cf-458f-a007-51a9e097ed3e.jpg.jpeg' }, { src: '/images/21320358-8e91-442d-9b88-08f3209a209a.jpg.jpeg' }, { src: '/images/3e75ff16-d856-41c3-85b9-c5b9027a4dce.jpg.jpeg' }, { src: '/images/2b165ee5-3d13-44eb-aca1-2cb4b9818c42.jpg.jpeg', pos: 'bottom' }, { src: '/images/6e538863-0c54-4690-ae97-75758e8276bc.jpg.jpeg' }, { src: '/images/95702461-0d87-4a9e-95e8-693c0f978ddf.jpg.jpeg' }, { src: '/images/d16506e6-0e54-4781-90ed-b4fb3e3e656e.jpg.jpeg' }, ]; function PhotoCarousel({ photos }) { const [idx, setIdx] = React.useState(0); const [paused, setPaused] = React.useState(false); React.useEffect(() => { if (paused) return; const timer = setInterval(() => setIdx(i => (i + 1) % photos.length), 4000); return () => clearInterval(timer); }, [paused, photos.length]); const prev = () => { setPaused(true); setIdx(i => (i - 1 + photos.length) % photos.length); }; const next = () => { setPaused(true); setIdx(i => (i + 1) % photos.length); }; return (
89 человек · Тараз {idx + 1} / {photos.length}
); } // ── HERO ─────────────────────────────────────────────────────────────────── function TeamHero({ onOpenModal }) { const t = useT(); return (
{t('nav.team')}

{t('t.hero.h1')}

{t('t.hero.sub')}

{t('t.hero.cta1')}
); } // ── LEADERS grid ─────────────────────────────────────────────────────────── function LeadersGrid() { const t = useT(); return (
13/13

{t('t.leaders.h2')}

{LEADERS.map((l, i) => (
{l.name}
{l.role}
{l.ex}
))}

{t('t.leaders.foot')}

{BRAND_LOGOS.map((b) => ( {b} ))}
); } // ── TEAM NUMBERS ─────────────────────────────────────────────────────────── function TeamNumbers() { const t = useT(); const items = [ { n: '89', l: t('t.nums.1') }, { n: '13', l: t('t.nums.2') }, { n: '76', l: t('t.nums.3') }, { n: '2020', l: t('t.nums.4') }, ]; return (

{t('t.nums.h2')}

{items.map((it, i) => (
{it.n}
{it.l}
))}
); } // ── WHY (6 perks) ────────────────────────────────────────────────────────── const WHY_ICONS = { 1: , 2: , 3: , 4: , 5: , 6: , }; function WhyTeam() { const t = useT(); const items = [1,2,3,4,5,6].map((i) => ({ t: t(`t.why.${i}.t`), d: t(`t.why.${i}.d`), })); return (
{t('t.why.eyebrow')}

{t('t.why.h2')}

{items.map((it, i) => (
{WHY_ICONS[i + 1]}

{it.t}

{it.d}

))}
); } // ── VACANCIES ────────────────────────────────────────────────────────────── function Vacancies() { const t = useT(); const items = [1, 2, 3].map((i) => ({ title: t(`t.vac.${i}.t`), salary: t(`t.vac.${i}.salary`), tags: t(`t.vac.${i}.tags`), })); return (
{t('t.vac.eyebrow')}

{t('t.vac.h2')}

{items.map((v, i) => ( ))}
); } // ── BIG TELEGRAM CTA ─────────────────────────────────────────────────────── function TeamCTA() { const t = useT(); return (

{t('t.cta.h2')}

{t('t.cta.btn')}

{t('t.cta.foot')}

); } // ── GALLERY ──────────────────────────────────────────────────────────────── function TeamGallery() { const t = useT(); const total = TEAM_PHOTOS.length; const [idx, setIdx] = React.useState(0); const [paused, setPaused] = React.useState(false); React.useEffect(() => { if (paused) return; const timer = setInterval(() => setIdx(i => (i + 1) % total), 4000); return () => clearInterval(timer); }, [paused, total]); const prev = () => { setPaused(true); setIdx(i => (i - 1 + total) % total); }; const next = () => { setPaused(true); setIdx(i => (i + 1) % total); }; const go = (i) => { setPaused(true); setIdx(i); }; return (
{t('t.gal.eyebrow')}

{t('t.gal.h2')}

{t('t.gal.sub')}

{TEAM_PHOTOS.map((_, i) => (
{idx + 1} / {total}
); } Object.assign(window, { TeamHero, LeadersGrid, TeamNumbers, WhyTeam, Vacancies, TeamCTA, TeamGallery });