<!-- AI Auto-Fix - Fuchsia -->
<div class="hero-card-wrapper hero-glow-fuchsia-wrapper h-full">
  <a href="/product/ai-agent" class="hero-card hero-glow-fuchsia group flex flex-col items-center justify-center text-center rounded-2xl bg-white px-4 py-5 ring-1 ring-inset ring-gray-200 transition-all hover:ring-fuchsia-300 h-full">
    <div class="flex h-11 w-11 items-center justify-center rounded-xl bg-fuchsia-50 ring-1 ring-fuchsia-200">
      <svg class="h-5 w-5 text-fuchsia-600" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085" />
      </svg>
    </div>
    <div class="mt-3 text-sm font-medium text-gray-900">AI Auto-Fix</div>
    <div class="mt-1 text-xs text-gray-500">Auto-fix code & create PRs</div>
  </a>
</div>
