// sections2.jsx — ForWhom, Calculator, Reviews, FAQ, AppBlock, ContactForm, Footer const fmt = (n) => Math.round(n).toLocaleString("ru-RU").replace(/,/g, " "); // ---- For whom ---- function ForWhom({ t }) { const ref = useReveal(); return (
{t.forwhom.eyebrow}

{t.forwhom.title}

{t.forwhom.sub}

{t.forwhom.items.map((it, i) => (
0{i + 1}

{it.t}

{it.d}

))}
); } // ---- Calculator ---- function Calculator({ t, lang, onApply }) { const ref = useReveal(); const [cur, setCur] = useState("USD"); const [amount, setAmount] = useState(15000); const c = CURRENCIES.find((x) => x.code === cur); const unit = (r) => (c.per100 ? r / 100 : r); const base = amount * unit(c.mostpay); const fee = base * 0.015; const total = base + fee; const bankTotal = amount * unit(c.bank); const save = Math.max(0, bankTotal - total); const rows = [ { label: t.calc.payLabel, val: `${fmt(amount)} ${cur}`, big: true }, { label: `${t.calc.rateLabel} (${t.calc.perUnit} ${c.per100 ? "100 " + cur : cur})`, val: `${(c.per100 ? c.mostpay : c.mostpay).toLocaleString("ru-RU")} c` }, { label: t.calc.feeLabel + " · 1,5%", val: `${fmt(fee)} c` }, ]; return (
{t.calc.eyebrow}

{t.calc.title}

{t.calc.sub}

{/* inputs */}
{CURRENCIES.map((x) => ( ))}
setAmount(Math.max(0, Number(e.target.value) || 0))} style={{ fontSize: 26, fontWeight: 700, fontFamily: "var(--font-mono)", paddingRight: 64, height: 64 }} /> {cur}
setAmount(Number(e.target.value))} style={{ width: "100%", accentColor: "var(--accent)", padding: 0, border: "none", background: "none", height: "auto", cursor: "pointer" }} />
1 000120 000+
{/* result */}
{rows.map((r, i) => (
{r.label} {r.val}
))}
{t.calc.totalLabel} {fmt(total)} c
{t.calc.saveLabel}
≈ {fmt(save)} c

{t.calc.disclaimer}

); } // ---- Reviews ---- function Reviews({ t }) { const ref = useReveal(); return (
{t.reviews.eyebrow}

{t.reviews.title}

{t.reviews.items.map((r, i) => (
{[0, 1, 2, 3, 4].map((s) => )}
«{r.quote}»
{r.name[0]}
{r.name}
{r.role}
))}
); } // ---- FAQ ---- function FAQ({ t }) { const ref = useReveal(); const [open, setOpen] = useState(0); return (
{t.faq.eyebrow}

{t.faq.title}

{t.faq.items.map((it, i) => { const isOpen = open === i; return (

{it.a}

); })}
); } // ---- App block ---- function AppBlock({ t }) { const ref = useReveal(); const Badge = ({ store, href, sub }) => ( e.currentTarget.style.background = "rgba(255,255,255,.12)"} onMouseLeave={(e) => e.currentTarget.style.background = "rgba(255,255,255,.06)"}> {sub} {store} ); return (
{t.app.eyebrow}

{t.app.title}

{t.app.sub}

{t.app.bullets.map((b, i) => (
{b}
))}
{/* phone mock */}
{t.app.mockNote}
); } // ---- Contact form ---- function ContactForm({ t, lang }) { const ref = useReveal(); const blank = { role: "", country: "", amount: "", currency: "USD", name: "", phone: "", channel: t.form.channels[0], comment: "" }; const [f, setF] = useState(blank); const [err, setErr] = useState({}); const [step, setStep] = useState(1); const [state, setState] = useState("idle"); // idle | sending | done const upd = (k, v) => { setF((p) => ({ ...p, [k]: v })); setErr((e) => ({ ...e, [k]: undefined })); }; useEffect(() => { setF((p) => ({ ...p, channel: t.form.channels[0] })); }, [lang]); const phoneOk = f.phone.replace(/\D/g, "").length >= 9; const nameOk = f.name.trim().length >= 2; const next = () => setStep(2); const submit = (e) => { e && e.preventDefault(); const er = {}; if (!nameOk) er.name = t.form.errName; if (!phoneOk) er.phone = t.form.errPhone; setErr(er); if (Object.keys(er).length) return; setState("sending"); setTimeout(() => setState("done"), 1100); }; const reset = () => { setF(blank); setErr({}); setStep(1); setState("idle"); }; const curObj = CURRENCIES.find((c) => c.code === f.currency); const countryObj = COUNTRIES.find((c) => c.code === f.country); const hasSummary = f.role || f.country || f.amount || f.name || f.phone; // ---- summary rows ---- const summaryRows = [ f.role && { k: t.form.fRole.replace("?", ""), v: f.role }, countryObj && { k: lang === "kg" ? "Өлкө" : "Страна", v: `${countryObj.flag} ${countryObj[lang]}` }, f.amount && { k: lang === "kg" ? "Сумма" : "Сумма", v: `${Number(f.amount).toLocaleString("ru-RU")} ${f.currency}` }, f.name && { k: t.form.fName, v: f.name }, f.phone && { k: t.form.fPhone, v: f.phone }, f.name && f.phone && { k: t.form.channelQ, v: f.channel }, ].filter(Boolean); return (
{/* LEFT — intro + live summary + direct contacts */}
{t.form.eyebrow}

{t.form.title}

{t.form.sub}

{t.form.summaryTitle}
{hasSummary ? (
{summaryRows.map((r, i) => (
{r.k} {r.v}
))}
) : (

{t.form.summaryEmpty}

)}
{t.form.orWrite}
{LINKS.phone} Telegram WhatsApp
{/* RIGHT — wizard */}
{state === "done" ? (

{t.form.success}

{t.form.successSub}

{t.form.whatNext.map((w, i) => (
{i + 1} {w}
))}
) : (
e.preventDefault()} noValidate> {/* progress */}
{[1, 2].map((s) => (
{t.form.stepWord} {step} {t.form.ofWord} 2 {step === 1 ? t.form.step1Title : t.form.step2Title}
{step === 1 ? (
{/* role cards */}
{t.form.roles.map((r, i) => { const on = f.role === r; return ( ); })}
{/* country chips */}
{COUNTRIES.map((c) => { const on = f.country === c.code; return ( ); })}
{/* amount + currency */}
upd("amount", e.target.value)} style={{ flex: "1 1 160px", fontFamily: "var(--font-mono)", fontWeight: 700, fontSize: 18 }} />
{CURRENCIES.map((c) => { const on = f.currency === c.code; return ; })}
) : (
upd("name", e.target.value)} style={{ borderColor: err.name ? "var(--accent)" : (nameOk ? "var(--good)" : "var(--line-strong)"), paddingRight: nameOk ? 40 : 15 }} /> {nameOk && }
{err.name &&
{err.name}
}
upd("phone", e.target.value)} onKeyDown={(e) => e.key === "Enter" && submit(e)} style={{ borderColor: err.phone ? "var(--accent)" : (phoneOk ? "var(--good)" : "var(--line-strong)"), fontFamily: "var(--font-mono)", paddingRight: phoneOk ? 40 : 15 }} /> {phoneOk && }
{err.phone &&
{err.phone}
}
{/* channel segmented */}
{t.form.channels.map((ch, i) => { const on = f.channel === ch; const ic = ["telegram", "whatsapp", null][i]; return ( ); })}