Support Section Header with Icon

<div class="flex items-center justify-between w-full max-w-lg">
                <div class="">
                  <p class="text-[11px] text-neutral-500 font-geist uppercase tracking-wider">NomadIQ Support</p>
                  <h3 class="mt-1 text-2xl sm:text-3xl font-semibold tracking-tight text-neutral-900 font-geist">
                    Have a question?
                  </h3>
                </div>
                <div class="h-9 w-9 rounded-lg bg-neutral-900 text-white flex items-center justify-center">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="message-square" class="lucide lucide-message-square h-4 w-4"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" class=""></path></svg>
                </div>
              </div>