<div>
  <div class="w-36 h-6 mb-6 rounded placeload animate-placeload"></div>

  <ul class="space-y-6">
    <!--Recent post-->
    <li>
      <a href="#" class="flex items-center">
        <div class="relative flex justify-start gap-2 w-full">
          <div
            class="h-12 w-12 mask mask-blob placeload animate-placeload"
          ></div>
          <div>
            <div class="space-y-2">
              <div class="w-60 h-4 rounded placeload animate-placeload"></div>
              <div
                class="w-40 h-4 rounded placeload animate-placeload mb-1"
              ></div>
              <div class="w-24 h-3 rounded placeload animate-placeload"></div>
            </div>
          </div>
        </div>
      </a>
    </li>
    <!--Recent post-->
    <li>
      <a href="#" class="flex items-center">
        <div class="relative flex justify-start gap-2 w-full">
          <div
            class="h-12 w-12 mask mask-blob placeload animate-placeload"
          ></div>
          <div>
            <div class="space-y-2">
              <div class="w-60 h-4 rounded placeload animate-placeload"></div>
              <div
                class="w-40 h-4 rounded placeload animate-placeload mb-1"
              ></div>
              <div class="w-24 h-3 rounded placeload animate-placeload"></div>
            </div>
          </div>
        </div>
      </a>
    </li>
    <!--Recent post-->
    <li>
      <a href="#" class="flex items-center">
        <div class="relative flex justify-start gap-2 w-full">
          <div
            class="h-12 w-12 mask mask-blob placeload animate-placeload"
          ></div>
          <div>
            <div class="space-y-2">
              <div class="w-60 h-4 rounded placeload animate-placeload"></div>
              <div
                class="w-40 h-4 rounded placeload animate-placeload mb-1"
              ></div>
              <div class="w-24 h-3 rounded placeload animate-placeload"></div>
            </div>
          </div>
        </div>
      </a>
    </li>
    <!--Recent post-->
    <li>
      <a href="#" class="flex items-center">
        <div class="relative flex justify-start gap-2 w-full">
          <div
            class="h-12 w-12 mask mask-blob placeload animate-placeload"
          ></div>
          <div>
            <div class="space-y-2">
              <div class="w-60 h-4 rounded placeload animate-placeload"></div>
              <div
                class="w-40 h-4 rounded placeload animate-placeload mb-1"
              ></div>
              <div class="w-24 h-3 rounded placeload animate-placeload"></div>
            </div>
          </div>
        </div>
      </a>
    </li>
  </ul>
</div>
