Core Module Feature Card

<div class="relative h-48 w-48 sm:h-56 overflow-hidden flex group cursor-pointer hover:scale-105 transition-all duration-300 bg-[url(https://cdn.midjourney.com/1741ccc5-3df1-471e-9e41-b528ea13c963/0_0.png?w=800&q=80)] bg-cover rounded-xl items-center justify-center">
  <div class="absolute top-3 left-3 text-[10px] tracking-widest text-white/70 flex items-center gap-1 font-geist">
    CORE MODULE
    <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="w-3 h-3">
      <path d="M12 20v2"></path>
      <path d="M12 2v2"></path>
      <path d="M17 20v2"></path>
      <path d="M17 2v2"></path>
      <path d="M2 12h2"></path>
      <path d="M2 17h2"></path>
      <path d="M2 7h2"></path>
      <path d="M20 12h2"></path>
      <path d="M20 17h2"></path>
      <path d="M20 7h2"></path>
      <path d="M7 20v2"></path>
      <path d="M7 2v2"></path>
      <rect x="4" y="4" width="16" height="16" rx="2"></rect>
      <rect x="8" y="8" width="8" height="8" rx="1"></rect>
    </svg>
  </div>
  <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="w-16 h-16 text-white group-hover:scale-110 transition-transform duration-300">
    <circle cx="12" cy="12" r="1"></circle>
    <path d="M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z"></path>
    <path d="M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z"></path>
  </svg>
  <div class="absolute bottom-3 left-3 right-3">
    <div class="text-xs text-white/90 font-medium font-geist">Neural Processing Unit</div>
    <div class="text-[10px] text-white/70 font-geist">Advanced AI reasoning core</div>
  </div>
  <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="absolute top-3 right-3 w-4 h-4 text-white/80 group-hover:text-white transition-colors duration-300">
    <path d="M7 7h10v10"></path>
    <path d="M7 17 17 7"></path>
  </svg>
</div>