<!-- Scheduled Maintenance - Teal -->
<div class="hero-card-wrapper hero-glow-teal-wrapper h-full">
  <a href="/product/scheduled-maintenance" class="hero-card hero-glow-teal 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-teal-300 h-full">
    <div class="flex h-11 w-11 items-center justify-center rounded-xl bg-teal-50 ring-1 ring-teal-200">
      <%- include('../icons/scheduled-maintenance') %>
    </div>
    <div class="mt-3 text-sm font-medium text-gray-900">Maintenance</div>
    <div class="mt-1 text-xs text-gray-500">Plan &amp; communicate downtime</div>
  </a>
</div>
