<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <rect width="400" height="400" fill="#f3f4f6"/>

  <!-- Landing page mockup -->
  <g transform="translate(80, 50)">
    <rect x="0" y="0" width="240" height="160" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <rect x="10" y="10" width="220" height="30" rx="4" fill="#3b82f6"/>
    <rect x="10" y="50" width="100" height="8" rx="2" fill="#e5e7eb"/>
    <rect x="10" y="65" width="180" height="8" rx="2" fill="#e5e7eb"/>
    <rect x="10" y="80" width="150" height="8" rx="2" fill="#e5e7eb"/>
    <rect x="10" y="100" width="220" height="45" rx="6" fill="#10b981"/>
    <text x="120" y="128" text-anchor="middle" font-family="system-ui" font-size="14" fill="white" font-weight="600">Convert</text>
  </g>

  <!-- Visitor flow -->
  <g transform="translate(60, 230)">
    <rect x="0" y="0" width="280" height="100" rx="10" fill="white" stroke="#d1d5db" stroke-width="2"/>

    <g transform="translate(20, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Visitors</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#3b82f6" font-weight="bold">10,000</text>
    </g>

    <g transform="translate(110, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Conversions</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#10b981" font-weight="bold">300</text>
    </g>

    <g transform="translate(210, 25)">
      <text x="0" y="0" font-family="system-ui" font-size="12" fill="#6b7280">Rate</text>
      <text x="0" y="22" font-family="system-ui" font-size="18" fill="#f59e0b" font-weight="bold">3.0%</text>
    </g>

    <line x1="20" y1="62" x2="260" y2="62" stroke="#e5e7eb" stroke-width="1"/>

    <g transform="translate(20, 68)">
      <text x="0" y="0" font-family="system-ui" font-size="11" fill="#6b7280">Revenue</text>
      <text x="90" y="0" font-family="system-ui" font-size="16" fill="#10b981" font-weight="bold">$45,000</text>
    </g>
  </g>

  <!-- Performance badge -->
  <g transform="translate(120, 350)">
    <rect x="0" y="0" width="160" height="40" rx="8" fill="#10b981"/>
    <text x="80" y="26" text-anchor="middle" font-family="system-ui" font-size="16" fill="white" font-weight="bold">High Converting</text>
  </g>

  <text x="200" y="398" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Landing Page Calculator</text>
</svg>
