<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 940 540" role="img" aria-label="Merchant dashboard preview illustration">
  <rect width="940" height="540" rx="42" fill="#111"/>
  <g>
    <rect x="36" y="36" width="868" height="468" rx="34" fill="#0d0d0d" opacity=".55" stroke="#faf7f7" stroke-opacity=".12"/>
    <rect x="70" y="76" width="800" height="70" rx="26" fill="#faf7f7" opacity=".05"/>
    <rect x="70" y="170" width="380" height="150" rx="26" fill="#faf7f7" opacity=".06"/>
    <rect x="490" y="170" width="380" height="150" rx="26" fill="#faf7f7" opacity=".06"/>
    <rect x="70" y="340" width="800" height="128" rx="26" fill="#faf7f7" opacity=".06"/>

    <text x="96" y="120" font-family="Rethink Sans, system-ui" font-size="22" fill="#faf7f7" opacity=".88" font-weight="900">Merchant Dashboard</text>
    <text x="96" y="218" font-family="Rethink Sans, system-ui" font-size="18" fill="#faf7f7" opacity=".82" font-weight="900">Impressions → Visits</text>
    <text x="516" y="218" font-family="Rethink Sans, system-ui" font-size="18" fill="#faf7f7" opacity=".82" font-weight="900">Visits → Purchases</text>

    <!-- chart line -->
    <path d="M110 422 C 200 360, 240 420, 320 380 S 460 420, 540 360 S 720 420, 820 360"
          fill="none" stroke="#e6b84a" stroke-width="8" stroke-linecap="round" opacity=".92"/>
    <path d="M110 422 C 200 360, 240 420, 320 380 S 460 420, 540 360 S 720 420, 820 360"
          fill="none" stroke="#C33F16" stroke-width="3" stroke-linecap="round" opacity=".55"/>

    <circle cx="320" cy="380" r="8" fill="#e6b84a"/>
    <circle cx="540" cy="360" r="8" fill="#e6b84a"/>
    <circle cx="820" cy="360" r="8" fill="#e6b84a"/>

    <text x="96" y="380" font-family="Rethink Sans, system-ui" font-size="16" fill="#faf7f7" opacity=".72" font-weight="800">Weekly performance</text>
  </g>
</svg>
