{{define "settings"}}
<div class="pt-8 mx-auto max-w-screen-xl text-center lg:pt-16">
    <h1 class="mb-4 text-2xl font-extrabold tracking-tight leading-none text-gray-900 md:text-3xl lg:text-4xl">
    Hi there, {{.User.Email}}.
    </h1>
    <p class="mb-8 text-l font-normal text-gray-500 lg:text-l sm:px-8 md:px-40">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </p>
</div>

<div class="mx-auto max-w-screen-xl flex flex-col sm:flex-row gap-4">
  <div class="inline-block bg-white rounded-lg shadow p-5 text-center sm:mt-0 sm:ml-2 sm:text-left">
    <h3 class="text-sm leading-6 font-medium text-gray-400">Total Workers</h3>
    <p class="text-3xl font-bold text-black">42</p>
  </div>
  <div class="inline-block bg-white rounded-lg shadow p-5 text-center sm:mt-0 sm:ml-2 sm:text-left">
    <h3 class="text-sm leading-6 font-medium text-gray-400">Total Monitors</h3>
    <p class="text-3xl font-bold text-black">42</p>
  </div>
  <div class="inline-block bg-white rounded-lg shadow p-5 text-center sm:mt-0 sm:ml-2 sm:text-left">
    <h3 class="text-sm leading-6 font-medium text-gray-400">Total Notifications</h3>
    <p class="text-3xl font-bold text-black">42</p>
  </div>
</div>
{{end}}