public/og-image.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
  <rect width="1200" height="630" fill="#f5f1e8"/>
  <rect x="36" y="36" width="1128" height="558" rx="28" fill="#111111"/>
  <circle cx="1080" cy="120" r="54" fill="#ff4d24"/>
  <path d="M1080 84v72M1044 120h72" stroke="#111111" stroke-width="10"/>
  <text x="88" y="112" fill="#f3ff45" font-family="Arial,Helvetica,sans-serif" font-size="24" font-weight="700" letter-spacing="5">AI AD CREATIVE WORKBENCH</text>
  <text x="82" y="288" fill="#ffffff" font-family="Arial Black,Arial,Helvetica,sans-serif" font-size="112" font-weight="900" letter-spacing="-6">AI BANNER</text>
  <text x="82" y="398" fill="#f3ff45" font-family="Arial Black,Arial,Helvetica,sans-serif" font-size="112" font-weight="900" letter-spacing="-6">LAB.</text>
  <rect x="84" y="470" width="626" height="66" rx="33" fill="#f3ff45"/>
  <text x="118" y="514" fill="#111111" font-family="Arial,Helvetica,sans-serif" font-size="28" font-weight="700" letter-spacing="1">LAUNCH THREE DIRECTIONS.</text>
  <g transform="translate(800 238)">
    <rect width="104" height="210" rx="12" fill="#f3ff45" transform="rotate(-10 52 105)"/>
    <rect x="102" width="104" height="210" rx="12" fill="#ffffff"/>
    <rect x="204" width="104" height="210" rx="12" fill="#ff4d24" transform="rotate(10 256 105)"/>
    <text x="51" y="122" text-anchor="middle" fill="#111111" font-family="Arial" font-size="38" font-weight="900" transform="rotate(-10 52 105)">A</text>
    <text x="154" y="122" text-anchor="middle" fill="#111111" font-family="Arial" font-size="38" font-weight="900">B</text>
    <text x="257" y="122" text-anchor="middle" fill="#111111" font-family="Arial" font-size="38" font-weight="900" transform="rotate(10 256 105)">C</text>
  </g>
</svg>