<section id="hero" class="py-8 px-2 h-96 min-h-[50vh] m-auto">
  <div class="h-full flex justify-around align-center items-center">
    <div class="text-6xl">
      ⟨K⟩
    </div>
    <div class="flex flex-col gap-2 truncate">
      <div>withKompact &#36; <span class="text-red-500 dark:text-yellow-400">do</span> </div>
      <div><span class="text-gray-400">· ·</span> dapp <- lean dev </div>
          <div><span class="text-gray-400">· ·</span> run dapp </div>
      </div>
    </div>
</section>