Empty State

<section class="max-w-lg px-4 py-12 mx-auto">
  <img class="mx-auto sm:w-1/4" src="/empty.png" />
  <h2 class="mt-2 text-lg font-medium text-center text-gray-800">This is where you’ll manage your products</h2>
  <p class="mt-1 text-center text-gray-600">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod maxime maiores consectetur necessitatibus animi ea veniam optio eos! Id animi et excepturi earum aliquid deleniti.
  </p>
  <div class="flex flex-col items-center justify-center mt-4 space-y-1 md:flex-row md:space-y-0 md:space-x-1">
    <a href="#" class="w-full md:w-auto btn btn-primary">Request access</a>
    <a href="#" class="w-full md:w-auto btn btn-light">Import products</a>
  </div>
</section>

<section class="max-w-lg px-4 py-20 mx-auto space-y-1 text-center">
  <img class="mx-auto sm:w-1/4" src="/empty.png" />
  <h2 class="text-lg font-medium text-gray-800">All tasks are completed!</h2>
  <p class="text-gray-600">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod maxime maiores consectetur necessitatibus animi ea veniam optio eos! Id animi et excepturi earum aliquid deleniti.
  </p>
</section>