KPI Stat Card

curl -X POST https://renderfy.io/api/v1/render \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
  "type": "tailwind",
  "content": "<div class=\"flex h-full w-full flex-col justify-between bg-zinc-900 p-14\">\n  <div class=\"flex items-center justify-between\">\n    <span class=\"font-mono text-xs text-zinc-500\">WEEKLY METRICS · WEEK 28</span>\n    <span class=\"rounded-full border border-zinc-700 px-3 py-1 font-mono text-xs text-zinc-400\">Aurora Analytics</span>\n  </div>\n  <div class=\"flex flex-col items-center justify-center\">\n    <span class=\"font-mono text-sm font-medium text-emerald-400\">MONTHLY RECURRING REVENUE</span>\n    <span class=\"mt-4 text-9xl font-bold text-white\" style=\"line-height:1;\">$18,420</span>\n    <div class=\"mt-6 flex items-center rounded-full bg-emerald-600 px-5 py-2\">\n      <span class=\"text-lg font-semibold text-white\">↑ 8.3% vs last month</span>\n    </div>\n  </div>\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex flex-col items-center\">\n      <span class=\"text-xs text-zinc-500\">NEW CUSTOMERS</span>\n      <span class=\"mt-1 text-2xl font-bold text-white\">47</span>\n    </div>\n    <div class=\"flex flex-col items-center\">\n      <span class=\"text-xs text-zinc-500\">CHURN</span>\n      <span class=\"mt-1 text-2xl font-bold text-white\">2</span>\n    </div>\n    <div class=\"flex flex-col items-center\">\n      <span class=\"text-xs text-zinc-500\">NET NEW MRR</span>\n      <span class=\"mt-1 text-2xl font-bold text-emerald-400\">+$1,410</span>\n    </div>\n  </div>\n</div>",
  "options": {
    "format": "png",
    "dimensions": "og-image",
    "scale": 2
  }
}' \
  --output render.png