index.html

<div class="bg-blue-400 h-screen flex justify-center items-end">
  <div class="flex flex-col justify-center items-center">
    <div class="w-40 h-[156px] bg-indigo-500 rounded-t-full flex flex-col justify-between">
      <div
        class="flex items-center justify-between gap-8 pt-8 pb-6 px-8 *:w-6 *:h-7 *:bg-white *:rounded-full *:relative *:*:absolute *:*:bottom-1 *:*:right-1 *:*:w-2 *:*:h-2 *:*:rounded-full *:*:bg-black">
        <div>
          <div></div>
        </div>
        <div>
          <div></div>
        </div>
      </div>
      <div class="pb-6 grid place-content-center">
        <div class="bg-amber-400 w-28 h-8 rounded-full"></div>
      </div>
    </div>
    <div class="h-[2px] w-40 bg-white/80"></div>
    <div class="w-52 h-[78px] flex *:w-6 *:h-full *:bg-indigo-600">
      <div></div>
      <div class="!w-40 !h-full !bg-indigo-500"></div>
      <div></div>
    </div>
  </div>
</div>