<svg width="1120" height="1200" viewBox="0 0 1120 1200" fill="none" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bg" x1="120" y1="60" x2="980" y2="1120" gradientUnits="userSpaceOnUse">
      <stop stop-color="#EAF3FF"/>
      <stop offset="1" stop-color="#E8F9F3"/>
    </linearGradient>
    <linearGradient id="phoneScreen" x1="270" y1="250" x2="710" y2="930" gradientUnits="userSpaceOnUse">
      <stop stop-color="#F8FBFF"/>
      <stop offset="1" stop-color="#ECF6FF"/>
    </linearGradient>
    <linearGradient id="pathGrad" x1="142" y1="988" x2="1020" y2="320" gradientUnits="userSpaceOnUse">
      <stop stop-color="#14B8A6"/>
      <stop offset="0.52" stop-color="#3B82F6"/>
      <stop offset="1" stop-color="#6366F1"/>
    </linearGradient>
    <filter id="softShadow" x="0" y="0" width="1120" height="1200" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feDropShadow dx="0" dy="24" stdDeviation="24" flood-color="#0F172A" flood-opacity="0.16"/>
    </filter>
  </defs>

  <rect x="30" y="30" width="1060" height="1140" rx="48" fill="url(#bg)"/>

  <g filter="url(#softShadow)">
    <rect x="156" y="132" width="590" height="970" rx="58" fill="#0F172A"/>
    <rect x="182" y="188" width="538" height="878" rx="40" fill="url(#phoneScreen)"/>
    <rect x="380" y="152" width="140" height="16" rx="8" fill="#334155"/>

    <rect x="220" y="240" width="460" height="120" rx="22" fill="#FFFFFF"/>
    <rect x="246" y="270" width="180" height="18" rx="9" fill="#1E293B"/>
    <rect x="246" y="300" width="320" height="12" rx="6" fill="#64748B"/>
    <rect x="246" y="322" width="260" height="12" rx="6" fill="#94A3B8"/>

    <rect x="220" y="390" width="460" height="194" rx="22" fill="#FFFFFF"/>
    <rect x="246" y="420" width="110" height="14" rx="7" fill="#0EA5E9"/>
    <rect x="246" y="446" width="300" height="12" rx="6" fill="#64748B"/>
    <rect x="246" y="468" width="260" height="12" rx="6" fill="#94A3B8"/>
    <rect x="246" y="506" width="180" height="56" rx="14" fill="#22C55E"/>
    <rect x="272" y="528" width="126" height="12" rx="6" fill="#052E16"/>

    <rect x="220" y="614" width="460" height="208" rx="22" fill="#FFFFFF"/>
    <path d="M270 752 C330 704 392 680 458 650 C534 616 604 564 668 502" stroke="url(#pathGrad)" stroke-width="8" stroke-linecap="round"/>
    <circle cx="270" cy="752" r="10" fill="#14B8A6"/>
    <circle cx="458" cy="650" r="10" fill="#3B82F6"/>
    <circle cx="668" cy="502" r="10" fill="#6366F1"/>
    <path d="M648 502 H680 L664 486" stroke="#2563EB" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>

    <rect x="220" y="852" width="460" height="170" rx="22" fill="#FFFFFF"/>
    <rect x="246" y="886" width="140" height="14" rx="7" fill="#1D4ED8"/>
    <rect x="246" y="914" width="286" height="12" rx="6" fill="#64748B"/>
    <rect x="246" y="936" width="230" height="12" rx="6" fill="#94A3B8"/>
    <rect x="246" y="964" width="170" height="38" rx="12" fill="#DBEAFE"/>
  </g>

  <g>
    <rect x="700" y="156" width="300" height="74" rx="37" fill="#F8FAFC" stroke="#93C5FD"/>
    <text x="850" y="201" text-anchor="middle" font-family="Manrope, Arial, sans-serif" font-size="28" font-weight="700" fill="#1E3A8A">48-72h</text>

    <rect x="746" y="246" width="254" height="66" rx="33" fill="#F8FAFC" stroke="#86EFAC"/>
    <text x="873" y="287" text-anchor="middle" font-family="Manrope, Arial, sans-serif" font-size="24" font-weight="700" fill="#166534">Tracking</text>
  </g>

    <g filter="url(#softShadow)">
    <image href="/WhatsApp_icon.png" x="784" y="384" width="252" height="252" preserveAspectRatio="xMidYMid meet"/>
  </g>

  <g filter="url(#softShadow)">
    <rect x="744" y="706" width="332" height="198" rx="24" fill="#ECFDF5" stroke="#86EFAC"/>
    <text x="770" y="754" font-family="Manrope, Arial, sans-serif" font-size="24" font-weight="700" fill="#166534">WhatsApp</text>
    <text x="770" y="794" font-family="Manrope, Arial, sans-serif" font-size="22" font-weight="600" fill="#1F2937">Hola, quiero cotizar</text>
    <text x="770" y="826" font-family="Manrope, Arial, sans-serif" font-size="22" font-weight="600" fill="#1F2937">una Landing Express</text>
    <text x="770" y="858" font-family="Manrope, Arial, sans-serif" font-size="22" font-weight="600" fill="#1F2937">para mi negocio.</text>
  </g>
</svg>

