Instructor Profile Card with Stats and CTA

<div
  class="sm:w-80 bg-neutral-900/95 w-72 border-neutral-800 border rounded-3xl pt-5 pr-5 pb-5 pl-5 shadow-2xl backdrop-blur space-y-4">
  <div class="flex items-center gap-4 border-b border-neutral-800/70 pb-4">
    <img class="h-16 w-16 rounded-full object-cover border border-neutral-800" src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/aa213242-cfaa-4e7a-8277-f98114018a97_320w.webp" alt="Instructor portrait">
    <div class="">
      <p class="text-sm font-semibold tracking-tight text-neutral-50 font-sans">
        Dr. Lian Rocha
      </p>
      <p class="text-xs text-neutral-400 font-sans">
        Lead Scientist, NovaLearn Analytics Lab
      </p>
    </div>
  </div>
  <p class="text-xs text-neutral-400 font-sans">
    Lian designs interactive curricula that connect rigorous linear
    algebra with real data problems in biotech, climate, and product
    analytics.
  </p>
  <div
    class="flex items-center justify-between text-center text-xs text-neutral-300 border-y border-neutral-800/70 py-3">
    <div class="flex-1">
      <p class="text-[11px] uppercase tracking-[0.2em] text-neutral-500 font-sans">
        Courses
      </p>
      <p class="mt-1 text-neutral-50 font-medium font-sans">
        5
      </p>
    </div>
    <div class="flex-1">
      <p class="text-[11px] uppercase tracking-[0.2em] text-neutral-500 font-sans">
        Projects
      </p>
      <p class="mt-1 text-neutral-50 font-medium font-sans">
        34
      </p>
    </div>
    <div class="flex-1">
      <p class="text-[11px] uppercase tracking-[0.2em] text-neutral-500 font-sans">
        Rating
      </p>
      <p class="mt-1 text-neutral-50 font-medium font-sans">
        9.6
      </p>
    </div>
  </div>
  <button class="w-full inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-full bg-neutral-100 text-neutral-900 text-sm font-medium hover:bg-white transition outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-emerald-500/80" type="button">
            <span class="iconify w-4 h-4" data-icon="solar:arrow-up-right-bold-duotone"></span>
            <span class="font-sans">Enroll in this course</span>
          </button>
</div>