Embed

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Dashboard – Vital Assist</title>

  <style>
    :root {
      --bg-dark:#4a5044;
      --text-light:#ffffff;
      --text-muted:#e4e6e1;
      --radius:18px;
    }

    *{box-sizing:border-box;margin:0;padding:0}

    body{
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      background: var(--bg-dark);
      color: var(--text-light);
    }

    main{
      max-width:1200px;
      margin:0 auto;
      padding:60px 24px;
    }

    .dashboard{
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      gap:32px;
    }

    .card{
      text-decoration:none;
      color:inherit;
      text-align:center;
    }

    .card-image{
      width:100%;
      height:220px;
      border-radius: var(--radius);
      overflow:hidden;
      margin-bottom:18px;
    }

    .card-image img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .card h2{
      font-size:26px;
      font-weight:700;
      margin-bottom:10px;
    }

    .card p{
      font-size:16px;
      line-height:1.5;
      color: var(--text-muted);
    }

    /* Hover */
    .card:hover img{
      transform:scale(1.03);
      transition:0.3s ease;
    }

    /* Responsivo */
    @media (max-width: 900px){
      .dashboard{
        grid-template-columns:1fr;
      }
      .card-image{
        height:200px;
      }
    }
  </style>
</head>
<script>
document.addEventListener("DOMContentLoaded", () => {
  const params = new URLSearchParams(window.location.search);
  const token = params.get("token");

  if (!token) {
    alert("Sessão inválida. Faça login novamente.");
    window.location.href = "/caregivers/login";
    return;
  }

  document.querySelectorAll("[data-route]").forEach(card => {
    const baseRoute = card.getAttribute("data-route");
    card.href = `${baseRoute}?token=${encodeURIComponent(token)}`;
  });
});
</script>
<body>
<main>

  <section class="dashboard">

    
    <a data-route="/caregivers/finantial-shifts" class="card">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F107BdZHBsvZd8pHSze0qJWiv5vvWmELnsMq1bCHGcSsgnkWI8Pf3bZq7cxXgCRph.jpeg&w=1920&q=90" alt="Financeiro">
      </div>
      <h2>Plantǒes</h2>
      <p>
        Veja os valores referentes aos plantões realizados e acompanhe seus recebimentos.
      </p>
    </a>

    
    <a data-route="/caregivers/financial-comission" class="card">
      <div class="card-image">
        <img src="https://vitalassisthomecare.com.br/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fgetty%2F16EWV5x7y7zfBdmBNs74aSNT9rr75Cs5KlRvVRGbIjqTlasOO2GBi4VePSL1yRcq.jpeg&w=1920&q=90" alt="Meu Perfil">
      </div>
      <h2>Comissão</h2>
      <p>
        Acompanhe seus ganhos por indicações e visualize valores disponíveis para recebimento.
      </p>
    </a>

  </section>

</main>

<script>
  
</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.