/* ───────────────────────────────────────────────────────────────── CorpSol — home page sections (part 3) Industries · Security · FAQ · FinalCTA ───────────────────────────────────────────────────────────────── */ // ── INDUSTRIES ───────────────────────────────────────────────────────────── const INDUSTRY_ICONS = { 1: , 2: , 3: , 4: , 5: , 6: , 7: , 8: , 9: , 10: , }; function IndustriesSection() { const t = useT(); return (
{t('ind.eyebrow')}

{t('ind.h2')}

{[1,2,3,4,5,6,7,8,9,10].map((i) => (
{INDUSTRY_ICONS[i]} {t(`ind.${i}`)}
))}
); } // ── SECURITY ─────────────────────────────────────────────────────────────── function SecuritySection() { const t = useT(); const items = [ { n: '01', t: t('sec.1.t'), d: t('sec.1.d'), icon: ( ) }, { n: '02', t: t('sec.2.t'), d: t('sec.2.d'), icon: ( ) }, { n: '03', t: t('sec.3.t'), d: t('sec.3.d'), icon: ( ) }, ]; return (
{t('sec.eyebrow')}

{t('sec.h2')}

{items.map((it, i) => (
{it.n} {it.icon}

{it.t}

{it.d}

))}
); } // ── FAQ — accordion ──────────────────────────────────────────────────────── function FaqSection() { const t = useT(); const [open, setOpen] = React.useState(-1); const items = [1,2,3,4,5,6,7,8,9,10].map((i) => ({ q: t(`faq.${i}.q`), a: t(`faq.${i}.a`), })); return (
{t('faq.eyebrow')}

{t('faq.h2')}

{items.map((it, i) => { const isOpen = open === i; return (
{it.a}
); })}
); } // ── FINAL CTA — inline 2-step form ───────────────────────────────────────── function FinalCTA() { const t = useT(); const [step, setStep] = React.useState(1); const [form, setForm] = React.useState({ name: '', phone: '', company: '', sphere: '', services: [] }); const [errors, setErrors] = React.useState({}); const [done, setDone] = React.useState(false); const setField = (k, v) => setForm((f) => ({ ...f, [k]: v })); const toggleSvc = (s) => setForm((f) => ({ ...f, services: f.services.includes(s) ? f.services.filter((x) => x !== s) : [...f.services, s], })); const validate1 = () => { const e = {}; if (!form.name.trim()) e.name = t('err.required'); const phoneClean = form.phone.replace(/[\s()\-+]/g, ''); if (!form.phone.trim()) e.phone = t('err.required'); else if (phoneClean.length < 10 || !/^\d+$/.test(phoneClean)) e.phone = t('err.phone'); if (!form.company.trim()) e.company = t('err.required'); setErrors(e); return Object.keys(e).length === 0; }; const submit = (e) => { e.preventDefault(); if (step === 1) { if (validate1()) setStep(2); return; } setDone(true); }; const svcOptions = [ { k: 'lead', label: t('cta.svc.lead') }, { k: 'call', label: t('cta.svc.call') }, { k: 'custdev', label: t('cta.svc.custdev') }, { k: 'ai', label: t('cta.svc.ai') }, { k: 'other', label: t('cta.svc.other') }, ]; return (
{t('cta.eyebrow')}

{t('cta.h2')}

{t('cta.sub')}

{t('cta.alt')}

{done ? (

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

{t('cta.thanks.d')}

) : (
= 1 ? 'is-on' : '')}>1
= 2 ? 'is-on' : '')}>2
{step === 1 && ( <>
setField('name', e.target.value)} placeholder="Айгерим" /> {errors.name &&
{errors.name}
}
setField('phone', e.target.value)} placeholder="+7 (___) ___-__-__" /> {errors.phone &&
{errors.phone}
}
setField('company', e.target.value)} placeholder="Astana Tech LLP" /> {errors.company &&
{errors.company}
}
setField('sphere', e.target.value)} placeholder="SaaS / Fintech / Retail…" />
)} {step === 2 && (
{svcOptions.map((s) => ( ))}
)}
{step === 2 && ( )}

{t('cta.policy')}

)}
); } Object.assign(window, { IndustriesSection, SecuritySection, FaqSection, FinalCTA });