Price Display Card

<div class="bg-black/30 ring-1 ring-white/10 rounded-2xl p-5 flex flex-col min-h-[200px]">
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
    .font-geist { font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif; }
  </style>
  <div class="flex-1">
    <div class="flex items-end gap-2">
      <div class="text-5xl sm:text-6xl lg:text-7xl font-semibold tracking-tighter tabular-nums font-geist text-white" data-amount="">$3,200</div>
      <div class="pb-2 text-white/60 text-base font-geist" data-period="">/project</div>
    </div>
  </div>
  <div class="mt-8 pt-4 border-t border-white/10 text-xs text-white/70 flex items-center justify-between font-geist">
    <span data-delivery-key="">Timeline</span>
    <span data-delivery-val="">4–6 weeks</span>
  </div>
</div>