<section class="flex flex-col items-center gap-2 pt-10">
  <header class="flex flex-col items-center">
    <h1 class="text-5xl font-bold tracking-tighter text-orange-600">Comet</h1>
    <p class="flex flex-col items-center text-center text-lg">
      Your music, on ATProto.
    </p>
  </header>

  <div>
    <h2 class="text-2xl font-bold tracking-tighter text-orange-600">Why?</h2>
    <ol class="list-disc">
      <li>
        free yourself from Big Tech™️; don't let them tell you what music you
        can and can't make
      </li>
      <li>
        Listen to music in full* quality, without being subject to horrendous
        sounding data compression.
      </li>
      <li>
        if I die, all your data is yours, and can be used by other projects!
      </li>
      <li>
        Integrate your playback with <span class="text-teal-800 underline">
          teal.fm
        </span>
        and let everyone else know what you're listening to!
      </li>
      <li>borpa</li>
    </ol>
  </div>
</section>
