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

  <!-- Main URL Bar Container -->
  <g transform="translate(50, 80)">
    <!-- Browser-like URL bar -->
    <rect x="0" y="0" width="300" height="60" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>

    <!-- URL Lock Icon -->
    <g transform="translate(15, 20)">
      <rect x="0" y="8" width="14" height="16" rx="2" fill="none" stroke="#10b981" stroke-width="2"/>
      <path d="M 3 8 L 3 5 Q 3 0, 7 0 Q 11 0, 11 5 L 11 8" fill="none" stroke="#10b981" stroke-width="2"/>
    </g>

    <!-- URL Text -->
    <text x="40" y="30" font-family="monospace" font-size="11" fill="#6b7280">https://example.com</text>
    <text x="40" y="45" font-family="monospace" font-size="10" fill="#3b82f6">?ref=123&amp;a_id=456</text>
  </g>

  <!-- Validation Results -->
  <g transform="translate(50, 160)">
    <!-- Valid Check -->
    <g>
      <circle cx="20" cy="20" r="18" fill="#10b981"/>
      <path d="M 12 20 L 17 25 L 28 14" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
      <text x="45" y="26" font-family="system-ui, -apple-system, sans-serif" font-size="14" fill="#059669">Valid Structure</text>
    </g>

    <!-- Parameters Detected -->
    <g transform="translate(0, 50)">
      <rect x="0" y="0" width="280" height="35" rx="6" fill="#eff6ff" stroke="#3b82f6" stroke-width="1"/>
      <circle cx="15" cy="17.5" r="6" fill="#3b82f6"/>
      <text x="30" y="14" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#1e40af" font-weight="600">Detected Parameters:</text>
      <text x="30" y="27" font-family="monospace" font-size="10" fill="#3b82f6">ref, a_id, utm_source</text>
    </g>

    <!-- Warning -->
    <g transform="translate(0, 100)">
      <path d="M 20 5 L 5 32 L 35 32 Z" fill="#fbbf24"/>
      <circle cx="20" cy="27" r="2" fill="white"/>
      <line x1="20" y1="13" x2="20" y2="22" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
      <text x="45" y="26" font-family="system-ui, -apple-system, sans-serif" font-size="13" fill="#d97706">Consider HTTPS</text>
    </g>
  </g>

  <!-- Bottom: Parameter Badges -->
  <g transform="translate(50, 310)">
    <!-- Badge 1 -->
    <rect x="0" y="0" width="65" height="24" rx="12" fill="#dbeafe"/>
    <text x="32.5" y="16" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#1e40af" text-anchor="middle">Affiliate</text>

    <!-- Badge 2 -->
    <rect x="75" y="0" width="45" height="24" rx="12" fill="#d1fae5"/>
    <text x="97.5" y="16" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#065f46" text-anchor="middle">UTM</text>

    <!-- Badge 3 -->
    <rect x="130" y="0" width="50" height="24" rx="12" fill="#fae8ff"/>
    <text x="155" y="16" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#86198f" text-anchor="middle">Click</text>

    <!-- Badge 4: PAP -->
    <rect x="190" y="0" width="45" height="24" rx="12" fill="#fed7aa"/>
    <text x="212.5" y="16" font-family="system-ui, -apple-system, sans-serif" font-size="11" fill="#9a3412" text-anchor="middle">PAP</text>
  </g>

  <!-- Magnifying Glass (Search/Validation Icon) -->
  <g transform="translate(320, 50)">
    <circle cx="25" cy="25" r="20" fill="none" stroke="#3b82f6" stroke-width="4"/>
    <line x1="40" y1="40" x2="55" y2="55" stroke="#3b82f6" stroke-width="4" stroke-linecap="round"/>
  </g>

  <!-- Title -->
  <text x="200" y="375" text-anchor="middle" font-family="system-ui, -apple-system, sans-serif" font-size="16" font-weight="600" fill="#1f2937">Link Validator &amp; Checker</text>
</svg>
