User Card 3

<!--
  Day 64: User Card 3

  Created by John Champ

  Founder of Pixelcave      -> https://pixelcave.com
  Building Tailkit          -> https://tailkit.com
  Let's connect on X        -> https://x.com/pixelcave_john
                on Bluesky  -> https://bsky.app/profile/pixelcave-john.bsky.social
-->

<!-- User Card 3 -->
<a
  href="javascript:void(0)"
  class="relative mx-auto flex w-full max-w-md flex-col overflow-hidden rounded-xl bg-white shadow-lg transition ease-out hover:scale-105 active:scale-100 active:opacity-75"
>
  <!-- Header -->
  <div class="relative aspect-2/1 w-full overflow-hidden">
    <!-- Overlay -->
    <div class="absolute inset-0 bg-black/25"></div>

    <!-- Photo -->
    <div class="absolute inset-0 flex flex-col">
      <div class="flex grow items-center justify-center">
        <div class="size-28 rounded-full bg-black/35 p-2.5 backdrop-blur-xs">
          <img
            src="https://images.unsplash.com/photo-1614204424926-196a80bf0be8?q=80&w=160&h=160&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            alt="Avatar"
            class="aspect-square w-full rounded-full object-cover"
          />
        </div>
      </div>
      <div
        class="flex-none bg-linear-to-t from-black/35 to-black/25 p-2.5 text-center text-white backdrop-blur-xs"
      >
        <h3 class="text-xl font-bold">Sophia Rodriguez</h3>
      </div>
    </div>
    <!-- END Photo -->

    <!-- Cover -->
    <img
      src="https://images.unsplash.com/photo-1473580044384-7ba9967e16a0?q=80&w=900&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
      alt="Cover Image"
      class="aspect-2/1 w-full object-cover"
    />
    <!-- END Cover -->
  </div>
  <!-- END Header -->

  <!-- Body -->
  <div class="grow p-7">
    <p class="text-sm/relaxed text-zinc-600">
      Passionate logo designer with 8+ years experience creating unique brand
      identities. I combine strategy with creativity to craft memorable logos
      that represent your brand's essence. From startups to established
      businesses, I'll help bring your vision to life. Let's create something
      extraordinary together!
    </p>
  </div>
  <!-- END Body -->
</a>
<!-- END User Card 3 -->