Text + image

<h2 style="white-space:pre-line">Etapa de segurança</h2>
<p>Na Vital Assist, pedimos alguns dados pessoais para verificar antecedentes criminais — medida essencial para a segurança de você, da família e da nossa rede de cuidadores.</p>
<p>💡 Atenção: os dados devem ser preenchidos <strong>exatamente como constam no seu RG.</strong></p>
<p>Fique atento ao preenchimento automático, principalmente nos campos <strong>Nome do Pai e Nome da Mãe</strong>.</p>
<p><br />Qualquer divergência impedirá a verificação correta e pode comprometer a continuidade do processo.</p>

AI Artificial Intelligence Security Sentinel Password Cyber Security Ransomware Email Phishing Encrypted Technology, Digital Information Protected Secured Lock

Embed

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=3, user-scalable=yes, viewport-fit=cover">
  <title>Dados Finais – Vital Assist</title>

  <style>
    :root{
      --bg:#F1F8F4; --card:#ffffff; --muted:#6b7368; --text:#3F473C;
      --accent:#567861; --accent-2:#619B75; --danger:#c14254; --ok:#2e8053;
      --ink-weak:#3F473C22; --ring:#619B7533;
    }
    *{box-sizing:border-box; margin:0; padding:0}
    body{
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      color:var(--text);
      background:var(--bg);
    }

    .section-form{
      width:100%;
      padding:40px 20px;
      display:flex;
      justify-content:center;
    }
    .card{
      background:var(--card);
      border:1px solid var(--ink-weak);
      border-radius:16px;
      padding:32px;
      box-shadow:0 6px 22px rgba(63,71,60,.08);
      width:100%;
      max-width:800px;
    }

    h2{font-size:24px; margin-bottom:16px; text-align:center}
    label{font-size:14px; color:var(--muted)}
    input{
      width:100%; padding:12px 14px; font-size:15px; border-radius:12px;
      border:1px solid var(--ink-weak); background:#fff; color:var(--text);
      outline:none; transition:border .2s ease, box-shadow .2s ease;
      margin-top:6px; margin-bottom:16px;
    }
    input:focus{
      border-color:var(--accent-2); box-shadow:0 0 0 3px var(--ring)
    }

    .btn{
      width:100%;
      appearance:none; border:0; padding:16px; border-radius:12px; font-weight:700;
      cursor:pointer; font-size:16px;
      color:#fff; background:linear-gradient(135deg, var(--accent), var(--accent-2));
      box-shadow:0 6px 18px rgba(97,155,117,.25);
    }

    .status{margin-top:16px; font-size:14px; text-align:center}
    .status.error{color:var(--danger)}
    .status.ok{color:var(--ok)}

    @media (max-width:720px){
      .card{padding:20px}
      h2{font-size:20px}
    }
  </style>
</head>
<body>
  <section class="section-form">
    <div class="card">
      <h2>Finalize seu cadastro</h2>

      
      <div class="field">
        <label>Nome Completo</label>
        <input id="name" type="text" placeholder="Digite o nome completo conforme documento oficial" autocomplete="name" />
      </div>
      <div class="field">
        <label>Telefone</label>
        <input id="phone" type="tel" placeholder="27999998888" autocomplete="tel" />
      </div>
      <div class="field">
        <label>E-mail</label>
        <input id="email" type="email" placeholder="exemplo@email.com" autocomplete="email" />
      </div>
      <div class="field">
        <label>CPF</label>
        <input id="cpf" type="text" placeholder="12345678900" />
      </div>
      <div class="field">
        <label>RG</label>
        <input id="rg" type="text" placeholder="1898343" />
      </div>
      <div class="field">
        <label>Data de Nascimento</label>
        <input id="birthdate" type="text" placeholder="dd/mm/aaaa" />
      </div>
      <div class="field">
        <label>Nome do Pai</label>
        <input id="fatherName" type="text" placeholder="Digite o nome do pai" />
      </div>
      <div class="field">
        <label>Nome da Mãe</label>
        <input id="motherName" type="text" placeholder="Digite o nome da mãe" />
      </div>

      
      <h2 style="margin-top:24px;">Endereço</h2>

      <div class="field">
        <label>Logradouro</label>
        <input id="street" type="text" placeholder="Rua, Avenida, Travessa..." />
      </div>
      <div class="field">
        <label>Número</label>
        <input id="number" type="text" placeholder="123" />
      </div>
      <div class="field">
        <label>Complemento</label>
        <input id="complement" type="text" placeholder="Casa, Apto, Bloco (opcional)" />
      </div>
      <div class="field">
        <label>Bairro</label>
        <input id="district" type="text" placeholder="Bairro" />
      </div>
      <div class="field">
        <label>Cidade</label>
        <input id="city" type="text" placeholder="Cidade" />
      </div>
      <div class="field">
        <label>UF</label>
        <input id="state" type="text" placeholder="ES" maxlength="2" />
      </div>
      <div class="field">
        <label>CEP</label>
        <input id="cep" type="text" placeholder="29000-000" />
      </div>

      <div class="field">
        <label>Número MEI (se possuir)</label>
        <input id="meiNumber" type="text" placeholder="Digite o número do MEI (opcional)" />
      </div>

      <button class="btn" id="submit">Enviar Dados</button>
      <div class="status" id="status"></div>
    </div>
  </section>

  <script>
    const API_URL = 'https://api.vitalassisthomecare.com.br/lifeassist/v1/caregivers/info';
    const REDIRECT_URL = 'https://vitalassisthomecare.com.br/caregivers/complete';

    const el = {
      name: document.getElementById('name'),
      phone: document.getElementById('phone'),
      email: document.getElementById('email'),
      cpf: document.getElementById('cpf'),
      rg: document.getElementById('rg'),
      birthdate: document.getElementById('birthdate'),
      fatherName: document.getElementById('fatherName'),
      motherName: document.getElementById('motherName'),
      street: document.getElementById('street'),
      number: document.getElementById('number'),
      complement: document.getElementById('complement'),
      district: document.getElementById('district'),
      city: document.getElementById('city'),
      state: document.getElementById('state'),
      cep: document.getElementById('cep'),
      meiNumber: document.getElementById('meiNumber'),
      submit: document.getElementById('submit'),
      status: document.getElementById('status')
    };

    // ====== Helpers ======
    const isValidEmail = (email) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
    const isValidCPF = (cpf) => /^\d{11}$/.test(cpf);
    const isValidDate = (date) => /^\d{2}\/\d{2}\/\d{4}$/.test(date);
    const isValidCEP = (cep) => /^\d{5}-?\d{3}$/.test(cep);

    // Máscaras
    el.phone.addEventListener('input', () => {
      el.phone.value = el.phone.value.replace(/\D/g, '').slice(0, 11);
    });
    el.cpf.addEventListener('input', () => {
      el.cpf.value = el.cpf.value.replace(/\D/g, '').slice(0, 11);
    });
    el.rg.addEventListener('input', () => {
      el.rg.value = el.rg.value.replace(/\D/g, '');
    });
    el.cep.addEventListener('input', () => {
      let v = el.cep.value.replace(/\D/g, '').slice(0, 8);
      if (v.length > 5) v = v.slice(0,5) + '-' + v.slice(5);
      el.cep.value = v;
    });

    // ====== Envio ======
    el.submit.addEventListener('click', async () => {
      const name = el.name.value.trim();
      const phone = el.phone.value.replace(/\D/g, '');
      const email = el.email.value.trim();
      const cpf = el.cpf.value.trim();
      const rg = el.rg.value.trim();
      const birthdate = el.birthdate.value.trim();
      const fatherName = el.fatherName.value.trim();
      const motherName = el.motherName.value.trim();
      const street = el.street.value.trim();
      const number = el.number.value.trim();
      const complement = el.complement.value.trim();
      const district = el.district.value.trim();
      const city = el.city.value.trim();
      const state = el.state.value.trim().toUpperCase();
      const cep = el.cep.value.trim();
      const meiNumber = el.meiNumber.value.trim();

      // ====== validações ======
      if (!name || name.length < 5) return showError('Informe o nome completo conforme documento');
      if (phone.length !== 11) return showError('Informe um telefone válido (11 dígitos)');
      if (!isValidEmail(email)) return showError('Informe um e-mail válido');
      if (!isValidCPF(cpf)) return showError('CPF deve ter 11 dígitos numéricos');
      if (!rg) return showError('Informe um RG válido');
      if (!isValidDate(birthdate)) return showError('Data deve estar no formato dd/mm/aaaa');
      if (!fatherName) return showError('Informe o nome do pai');
      if (!motherName) return showError('Informe o nome da mãe');
      if (!street) return showError('Informe o logradouro (rua, avenida...)');
      if (!number) return showError('Informe o número do endereço');
      if (!district) return showError('Informe o bairro');
      if (!city) return showError('Informe a cidade');
      if (!state || state.length !== 2) return showError('Informe a UF (ex: ES)');
      if (!isValidCEP(cep)) return showError('Informe um CEP válido no formato 00000-000');

      try {
        el.status.textContent = 'Enviando...';
        el.status.className = 'status';

        const payload = {
          name, phone, email, cpf, rg, birthdate, fatherName, motherName,
          address: { street, number, complement, district, city, state, cep },
          meiNumber
        };

        const res = await fetch(API_URL, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json', 'Accept': '*/*' },
          body: JSON.stringify(payload)
        });

        if (res.ok) {
          window.location.href = REDIRECT_URL;
        } else if (res.status === 400) {
          showError('Dados inválidos. Verifique e tente novamente.');
        } else {
          showError('Erro ao enviar. Tente novamente.');
        }
      } catch (e) {
        showError('Erro de conexão. Tente novamente.');
      }
    });

    function showError(msg){
      el.status.textContent = msg;
      el.status.className = 'status error';
    }
  </script>
</body>
</html>

Vital Assist - Home Care

We offer a new standard in care: we find, train, and empower the best caregivers, supported by a system that records all tasks in real time and generates transparent reports.

All to provide comfort, care, and safety for those receiving care—and peace of mind for those accompanying care.