`server/public/og-cover.svg`

74 lines
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0e0e10"/>
      <stop offset="100%" stop-color="#1a1815"/>
    </linearGradient>
    <radialGradient id="glow" cx="50%" cy="40%" r="50%">
      <stop offset="0%" stop-color="#d4a04a" stop-opacity="0.18"/>
      <stop offset="100%" stop-color="#d4a04a" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <rect width="1200" height="630" fill="url(#bg)"/>
  <rect width="1200" height="630" fill="url(#glow)"/>

  <!-- gold border accent -->
  <rect x="40" y="40" width="1120" height="550" fill="none" stroke="#d4a04a" stroke-width="1" opacity="0.35"/>
  <rect x="40" y="40" width="6" height="550" fill="#d4a04a"/>

  <!-- eyebrow -->
  <g transform="translate(110, 130)">
    <circle cx="6" cy="6" r="5" fill="#d4a04a"/>
    <text x="22" y="11" font-family="JetBrains Mono, monospace" font-size="14" letter-spacing="3.2" fill="#d4a04a" font-weight="500">56 CONNECTORS  ·  ONE COMMAND LINE  ·  LOCAL LLM</text>
  </g>

  <!-- headline -->
  <g transform="translate(110, 230)">
    <text font-family="Cormorant Garamond, Georgia, serif" font-size="76" fill="#f4f1ea" font-weight="500">Type one sentence.</text>
    <text y="92" font-family="Cormorant Garamond, Georgia, serif" font-size="76" fill="#f4f1ea" font-weight="500">The AI picks the </text>
    <text x="500" y="92" font-family="Cormorant Garamond, Georgia, serif" font-size="76" fill="#d4a04a" font-style="italic" font-weight="500">right tool.</text>
  </g>

  <!-- subhead -->
  <g transform="translate(110, 420)">
    <text font-family="Cormorant Garamond, Georgia, serif" font-size="26" font-style="italic" fill="#a8a39a">No workflow builder. No drag-and-drop canvas.</text>
    <text y="36" font-family="Cormorant Garamond, Georgia, serif" font-size="26" font-style="italic" fill="#a8a39a">Just say what you want — the agent routes it.</text>
  </g>

  <!-- bottom strip: brand + url -->
  <g transform="translate(110, 540)">
    <text font-family="Cormorant Garamond, Georgia, serif" font-size="28" fill="#f4f1ea" font-weight="500">Commerce </text>
    <text x="178" font-family="Cormorant Garamond, Georgia, serif" font-size="28" fill="#d4a04a" font-style="italic" font-weight="500">Claw</text>
    <text x="990" y="6" font-family="JetBrains Mono, monospace" font-size="13" letter-spacing="2.2" fill="#a8a39a">venturaclaw</text>
  </g>

  <!-- decorative connector dots, top-right -->
  <g transform="translate(880, 100)" opacity="0.6">
    <circle cx="0"   cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="22"  cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="44"  cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="66"  cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="88"  cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="110" cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="132" cy="0"  r="3" fill="#d4a04a"/>
    <circle cx="0"   cy="22" r="3" fill="#d4a04a"/>
    <circle cx="22"  cy="22" r="3" fill="#d4a04a"/>
    <circle cx="44"  cy="22" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="66"  cy="22" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="88"  cy="22" r="3" fill="#d4a04a"/>
    <circle cx="110" cy="22" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="132" cy="22" r="3" fill="#d4a04a"/>
    <circle cx="0"   cy="44" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="22"  cy="44" r="3" fill="#d4a04a"/>
    <circle cx="44"  cy="44" r="3" fill="#d4a04a"/>
    <circle cx="66"  cy="44" r="3" fill="#d4a04a"/>
    <circle cx="88"  cy="44" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="110" cy="44" r="3" fill="#d4a04a"/>
    <circle cx="132" cy="44" r="3" fill="#d4a04a"/>
    <circle cx="44"  cy="66" r="3" fill="#d4a04a"/>
    <circle cx="66"  cy="66" r="3" fill="#d4a04a" opacity="0.45"/>
    <circle cx="88"  cy="66" r="3" fill="#d4a04a"/>
  </g>
</svg>