{children}

▾

{text} *

Согласен на обработку персональных данных

{tabBtn("quick", "Быстрый расчёт")} {tabBtn("send", "Отправить на оценку")}

{mode === "quick" ? (

setFrom(e.target.value)} options={CALC_LANGS} /> setSendFileName(e.target.files && e.target.files[0] ? e.target.files[0].name : "")} /> setSendPhone(e.target.value)} error={sendTouched && !sendPhoneOk ? "Укажите номер телефона" : undefined} /> setSendConsent(e.target.checked)} error={sendTouched && !sendConsent} /> {sendStatus === "error" ?

Не удалось отправить. Позвоните нам или попробуйте ещё раз.

: null}

Посчитаем точную стоимость сами и свяжемся в течение 30 минут

)}

Рядом с визовым центром Заберём и доставим по Минску

Нотариальный перевод.
Ценим ваше время.

Приходите с документом — уходите с готовым переводом, заверенным у нотариуса. Берём на себя нервы, очереди и бюрократию.

{trust.map(([ic, tx]) => (

{tx}

))}

Как мы работаем

Четыре шага — и документ готов

Вам не нужно разбираться в требованиях инстанций и стоять в очередях. Это наша работа.

{/* document gliding from step to step */}

{[0, 1, 2, 3].map((i) => (

))}

{steps.map(([ic, t, d], i) => { const on = i === active && !reduce; return (

{i + 1}

{t}

{d}

); })}

setH(true)} onMouseLeave={() => setH(false)} onClick={() => openLead()} style={{ display: "flex", flexDirection: "column", gap: 14, height: "100%", cursor: "pointer", borderColor: h ? "var(--color-primary)" : "var(--color-border)", boxShadow: h ? "0 14px 30px -20px rgba(20,20,58,0.45)" : "none", transform: h ? "translateY(-3px)" : "none", transition: "transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease" }}>

{t}

{d}

Услуги и направления

Что мы переводим

Мы делаем одно дело и делаем его хорошо: нотариальные переводы документов. Выберите свою ситуацию.

{data.note}

{data.items.map(([ic, t, d]) => ( ))}

Не нашли свой документ? — переведём почти всё.

{/* faint street grid */}

{/* pin */}

doslovno.by

Рядом с визовым центром

); } function Delivery() { return (

Забор и доставка

Заберём и привезём документ по Минску

Не нужно подстраивать день под визит. Курьер заберёт оригинал у вас и вернёт готовый перевод — туда, куда удобно.

{[["truck", "Бесплатный курьер по городу"], ["clock-3", "Забор в день обращения"], ["map-pin", "Или приходите сами — мы у визового центра"]].map(([ic, tx]) => (

{tx}

))}

); } /* ----------------------------------------------------------------- prices */ // Комплект «под ключ» на иностранный (эмиграция): перевод 25 + заверение 150. Многостраничные — заверение разовое. const PRICES = [ ["Свидетельство о рождении / браке", "≈ 175 BYN"], ["Паспорт", "≈ 175 BYN"], ["Справка о несудимости", "≈ 175 BYN"], ["Согласие на выезд ребёнка", "≈ 175 BYN"], ["Диплом с приложением", "≈ 200 BYN"], ["Договор / нотариальный документ", "от ≈ 90 BYN / стр."], ]; function Prices() { return (

Цены примером

Понятные цены без сюрпризов

{PRICES.map(([doc, price], i) => (

{doc} {price}

))} Полный прайс по всем услугам и языкам

Цена за минуту

Точную цену подтвердим после просмотра документа

Примеры под ключ для выезда — перевод на иностранный язык с заверением у нотариуса, всё включено. Перевод на русский (для документов в Беларуси) — дешевле, от ≈ 100 BYN. Без скрытых доплат.

); } /* ------------------------------------------------------------------- wiki */ function WikiTeaser() { const countries = ["Польша", "Германия", "Литва", "Чехия", "США", "Канада", "Италия"]; return (

Полезная вики

Какие документы нужны — по странам и целям

Бесплатная база знаний: разбираем, какой пакет документов в какое консульство, что заверять у нотариуса, а что — апостилем. Обновляем по мере изменения требований.

{countries.map((c) => ( {c} ))} и ещё…

Например, «диплом для Польши»

{[["Польша: документы для визы D (учёба)", "Польша · Учёба"], ["Воссоединение семьи в Германии", "Германия · Семья"], ["Справка о несудимости: перевод и апостиль", "Общее"]].map(([t, m]) => (

{t}

{m}

))}

); } /* --------------------------------------------------------------- lead form */ function LeadForm(props) { const embedded = props && props.embedded; const uid = React.useId(); const [name, setName] = React.useState(""); const [phone, setPhone] = React.useState(""); const [message, setMessage] = React.useState((props && props.initialMessage) || ""); const [consent, setConsent] = React.useState(false); const [status, setStatus] = React.useState("idle"); // idle | sending | sent | error const [touched, setTouched] = React.useState(false); const sent = status === "sent"; React.useEffect(() => { const h = (e) => { if (e.detail && e.detail.message) setMessage(e.detail.message); if (status === "sent") setStatus("idle"); }; window.addEventListener("doslovno:prefill-lead", h); return () => window.removeEventListener("doslovno:prefill-lead", h); }, [status]); const nameOk = name.trim().length > 0; const phoneOk = isValidPhone(phone); const handleSubmit = async () => { setTouched(true); if (!nameOk || !phoneOk || !consent) return; setStatus("sending"); try { await submitLead({ kind: "lead_form", name: name.trim(), phone: "+375" + phone.replace(/\D/g, "").slice(-9), message: message.trim() }); setStatus("sent"); } catch (e) { setStatus("error"); } }; const card = ( {sent ? (

Заявка принята

Перезвоним в течение 30 минут.

) : (

{embedded ?

Оставьте заявку

: null} setName(e.target.value)} error={touched && !nameOk ? "Укажите имя" : undefined} /> setPhone(e.target.value)} error={touched && !phoneOk ? "Укажите номер телефона" : undefined} />

setMessage(e.target.value)} />
          <Consent checked={consent} onChange={(e) => setConsent(e.target.checked)} error={touched && !consent} />
          <Button variant="primary" size="lg" fullWidth disabled={status === "sending"} onClick={handleSubmit}>{status === "sending" ? "Отправляем…" : "Отправить заявку"}</Button>
          {touched && (!nameOk || !phoneOk || !consent) ? <p style={{ fontSize: 13, color: "var(--color-negative)", textAlign: "center", margin: 0 }}>Заполните обязательные поля и отметьте согласие</p> : null}
          {status === "error" ? <p style={{ fontSize: 13, color: "var(--color-negative)", textAlign: "center", margin: 0 }}>Не удалось отправить. Позвоните нам или попробуйте ещё раз.</p> : null}
        </div>
      )}
    </Card>
  );

if (embedded) return card;

return (
    <Section id="lead" bg="var(--surface-soft)">
      <div className="dby-grid-2" style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 56, alignItems: "center" }}>
        <div>
          <Badge tone="pale"><Icon name="clock-3" size={14} color="#b06f12" /> Ответим в течение 30 минут</Badge>
          <H2 style={{ margin: "16px 0 12px" }}>Оставьте заявку</H2>
          <p style={{ fontSize: 18, lineHeight: "28px", color: "var(--color-body)", margin: 0, maxWidth: 430 }}>
            Напишите, что нужно перевести. Мы посчитаем точную стоимость и перезвоним — или сразу заберём документ по Минску.
          </p>
          <div style={{ display: "flex", flexDirection: "column", gap: 14, marginTop: 26 }}>
            {[["truck", "Бесплатно заберём и доставим по городу"], ["phone-call", "+375 29 623-41-76 · Telegram · Viber"], ["map-pin", "Минск, рядом с визовым центром"]].map(([ic, tx]) => (
              <div key={tx} style={{ display: "flex", alignItems: "center", gap: 12, color: "var(--color-body)", fontSize: 15 }}>
                <Icon name={ic} size={20} color="var(--color-primary)" />{tx}
              </div>
            ))}
          </div>
        </div>
        {card}
      </div>
    </Section>
  );
}

/* --------------------------------------------------------------- modal host */
function ModalHost() {
  const [modal, setModal] = React.useState(null); // null | { kind: "calc"|"lead", mode }
  React.useEffect(() => {
    const open = (e) => setModal(e.detail || {});
    const close = () => setModal(null);
    window.addEventListener("doslovno:open-modal", open);
    window.addEventListener("doslovno:close-modal", close);
    return () => { window.removeEventListener("doslovno:open-modal", open); window.removeEventListener("doslovno:close-modal", close); };
  }, []);
  // обработка переходов с других страниц: index.html#do-calc-send и т.п.
  React.useEffect(() => {
    const h = window.location.hash;
    let act = null;
    if (h === "#do-calc-send") act = () => openCalc({ mode: "send" });
    else if (h === "#do-calc") act = () => openCalc({ mode: "quick" });
    else if (h === "#do-lead") act = () => openLead({});
    if (act) { history.replaceState(null, "", window.location.pathname); act(); }
  }, []);
  React.useEffect(() => {
    document.body.style.overflow = modal ? "hidden" : "";
    return () => { document.body.style.overflow = ""; };
  }, [modal]);
  React.useEffect(() => {
    const onKey = (e) => { if (e.key === "Escape") setModal(null); };
    window.addEventListener("keydown", onKey);
    return () => window.removeEventListener("keydown", onKey);
  }, []);
  if (!modal) return null;
  return (
    <div onClick={() => setModal(null)} style={{ position: "fixed", inset: 0, zIndex: 100, background: "rgba(20,20,58,0.55)", backdropFilter: "blur(4px)", display: "flex", alignItems: "flex-start", justifyContent: "center", padding: "6vh 16px 16px", overflowY: "auto" }}>
      <div onClick={(e) => e.stopPropagation()} style={{ width: "100%", maxWidth: modal.kind === "calc" ? 460 : 460, position: "relative" }}>
        <button onClick={() => setModal(null)} aria-label="Закрыть" style={{ position: "absolute", top: -42, right: 0, background: "transparent", border: "none", cursor: "pointer", color: "#fff", display: "inline-flex", alignItems: "center", gap: 6, fontFamily: "var(--font-body)", fontSize: 15, fontWeight: 600 }}>
          Закрыть <Icon name="x" size={20} color="#fff" />
        </button>
        {modal.kind === "calc" ? <CustomCalc initialMode={modal.mode || "quick"} /> : <LeadForm embedded initialMessage={modal.message} />}
      </div>
    </div>
  );
}

/* ----------------------------------------------------------------- footer */
// Независимый счётчик главной: считает только первый заход браузера.
// Обновление страницы повторно не увеличивает счётчик (свои ключи, не связан с ширмой).
function useHomeVisits() {
  const [n, setN] = React.useState(null);
  React.useEffect(() => {
    const KEY = "dby_home_views";
    const SEEN = "dby_home_seen";
    let v = parseInt(localStorage.getItem(KEY) || "41", 10);
    if (isNaN(v)) v = 41;
    if (!localStorage.getItem(SEEN)) {
      v = v + 1;
      localStorage.setItem(KEY, String(v));
      localStorage.setItem(SEEN, "1");
    }
    setN(v);
  }, []);
  return n;
}

/* ------------------------------------------------------------------- page */
function Home() {
  return (
    <div style={{ fontFamily: "var(--font-body)", color: "var(--color-body)" }}>
      <Header />
      <main>
        <Hero />
        <HowWeWork />
        <Services />
        <Delivery />
        <Prices />
        <WikiTeaser />
        <LeadForm />
      </main>
      <Footer />
      <ModalHost />
    </div>
  );
}
window.DBHome = Home;