Prototype Design Service Card

<div class="relative sm:p-6 shadow-[0_10px_40px_-10px_rgba(0,0,0,0.6)] ring-1 ring-white/[0.04] border-white/10 border rounded-3xl pt-5 pr-5 pb-5 pl-5 backdrop-blur-lg max-w-2xl">
  <div class="flex gap-3 items-center">
    <div class="h-9 w-9 rounded-xl border border-white/10 bg-white/5 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" class="h-5 w-5 text-white/80">
        <path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"></path>
        <path d="M5 3a2 2 0 0 0-2 2"></path>
        <path d="M19 3a2 2 0 0 1 2 2"></path>
        <path d="M5 21a2 2 0 0 1-2-2"></path>
        <path d="M9 3h1"></path>
        <path d="M9 21h2"></path>
        <path d="M14 3h1"></path>
        <path d="M3 9v1"></path>
        <path d="M21 9v2"></path>
        <path d="M3 14v1"></path>
      </svg>
    </div>
    <h3 class="text-xl sm:text-2xl text-white font-geist tracking-tighter">Prototype Design</h3>
  </div>
  <p class="mt-3 text-sm sm:text-base text-neutral-400 font-geist">
    Clickable prototypes and motion studies that clarify flows, validate ideas, and speed up decision‑making.
  </p>
  <div class="mt-5 grid grid-cols-3 gap-3">
    <div class="rounded-2xl overflow-hidden border border-white/10 bg-black/30">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/f339853f-12ea-4f0a-b674-23dcc3451cfd_800w.jpg" alt="Prototype 1" class="w-full aspect-[4/3] object-cover">
    </div>
    <div class="rounded-2xl overflow-hidden border border-white/10 bg-black/30">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/1b99e38d-cc88-41af-aa28-8ab79a6fd05f_800w.jpg" alt="Prototype 2" class="w-full aspect-[4/3] object-cover">
    </div>
    <div class="rounded-2xl overflow-hidden border border-white/10 bg-black/30">
      <img src="https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/474b0095-9f5a-4a6c-a0df-7e4db608b55d_800w.jpg" alt="Prototype 3" class="w-full aspect-[4/3] object-cover">
    </div>
  </div>
</div>