<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
  <defs>
    <linearGradient id="heroBg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#fdf2f8"/>
      <stop offset="100%" style="stop-color:#fce7f3"/>
    </linearGradient>
  </defs>
  <rect width="800" height="520" fill="url(#heroBg)"/>
  <!-- nav -->
  <rect width="800" height="56" fill="#fff" opacity="0.95"/>
  <line x1="0" y1="56" x2="800" y2="56" stroke="#f9a8d4" stroke-width="1"/>
  <text x="40" y="36" font-family="Georgia,serif" font-size="20" fill="#be185d" font-weight="bold" letter-spacing="3">MODABA</text>
  <text x="420" y="36" font-family="Arial" font-size="12" fill="#9ca3af">Mujer</text>
  <text x="470" y="36" font-family="Arial" font-size="12" fill="#9ca3af">Hombre</text>
  <text x="528" y="36" font-family="Arial" font-size="12" fill="#9ca3af">Accesorios</text>
  <text x="598" y="36" font-family="Arial" font-size="12" fill="#9ca3af">Sale</text>
  <rect x="650" y="16" width="30" height="26" rx="4" fill="none" stroke="#be185d" stroke-width="1.5"/>
  <text x="665" y="33" font-family="Arial" font-size="13" fill="#be185d" text-anchor="middle">♡</text>
  <rect x="698" y="16" width="30" height="26" rx="4" fill="none" stroke="#be185d" stroke-width="1.5"/>
  <text x="713" y="33" font-family="Arial" font-size="12" fill="#be185d" text-anchor="middle">🛍</text>
  <!-- hero split -->
  <rect x="0" y="56" width="420" height="290" fill="#fdf2f8"/>
  <text x="40" y="140" font-family="Georgia,serif" font-size="11" fill="#be185d" letter-spacing="4">NUEVA COLECCIÓN</text>
  <text x="40" y="176" font-family="Georgia,serif" font-size="32" fill="#1f2937" font-weight="bold">Primavera</text>
  <text x="40" y="212" font-family="Georgia,serif" font-size="32" fill="#be185d" font-weight="bold">Verano 2026</text>
  <text x="40" y="248" font-family="Arial" font-size="13" fill="#6b7280">Descubrí las últimas tendencias.</text>
  <rect x="40" y="268" width="130" height="38" rx="20" fill="#be185d"/>
  <text x="105" y="291" font-family="Arial" font-size="12" fill="#fff" text-anchor="middle" font-weight="bold">Ver colección</text>
  <rect x="420" y="56" width="380" height="290" fill="#fbcfe8"/>
  <!-- fake model silhouette -->
  <ellipse cx="610" cy="160" rx="40" ry="52" fill="#f9a8d4" opacity="0.6"/>
  <rect x="580" y="200" width="60" height="110" rx="8" fill="#ec4899" opacity="0.5"/>
  <ellipse cx="610" cy="108" rx="22" ry="26" fill="#fde8d8"/>
  <!-- products row -->
  <rect x="30" y="366" width="170" height="130" rx="10" fill="#fff" stroke="#fce7f3" stroke-width="1.5"/>
  <rect x="30" y="366" width="170" height="78" rx="10" fill="#fce7f3"/>
  <rect x="30" y="400" width="170" height="44" fill="#fce7f3"/>
  <text x="115" y="395" font-family="Arial" font-size="11" fill="#be185d" text-anchor="middle">🧥</text>
  <text x="115" y="464" font-family="Arial" font-size="11" fill="#374151" text-anchor="middle">Blazer lino rosa</text>
  <text x="115" y="483" font-family="Arial" font-size="12" fill="#be185d" text-anchor="middle" font-weight="bold">$28.900</text>

  <rect x="218" y="366" width="170" height="130" rx="10" fill="#fff" stroke="#fce7f3" stroke-width="1.5"/>
  <rect x="218" y="366" width="170" height="78" rx="10" fill="#fdf4ff"/>
  <rect x="218" y="400" width="170" height="44" fill="#fdf4ff"/>
  <text x="303" y="395" font-family="Arial" font-size="11" fill="#a855f7" text-anchor="middle">👗</text>
  <text x="303" y="464" font-family="Arial" font-size="11" fill="#374151" text-anchor="middle">Vestido floral</text>
  <text x="303" y="483" font-family="Arial" font-size="12" fill="#be185d" text-anchor="middle" font-weight="bold">$34.500</text>

  <rect x="406" y="366" width="170" height="130" rx="10" fill="#fff" stroke="#fce7f3" stroke-width="1.5"/>
  <rect x="406" y="366" width="170" height="78" rx="10" fill="#fff1f2"/>
  <rect x="406" y="400" width="170" height="44" fill="#fff1f2"/>
  <text x="491" y="395" font-family="Arial" font-size="11" fill="#f43f5e" text-anchor="middle">👜</text>
  <text x="491" y="464" font-family="Arial" font-size="11" fill="#374151" text-anchor="middle">Cartera mini piel</text>
  <text x="491" y="483" font-family="Arial" font-size="12" fill="#be185d" text-anchor="middle" font-weight="bold">$19.900</text>

  <rect x="594" y="366" width="170" height="130" rx="10" fill="#fff" stroke="#fce7f3" stroke-width="1.5"/>
  <rect x="594" y="366" width="170" height="78" rx="10" fill="#fef9c3"/>
  <rect x="594" y="400" width="170" height="44" fill="#fef9c3"/>
  <text x="679" y="395" font-family="Arial" font-size="11" fill="#ca8a04" text-anchor="middle">👟</text>
  <text x="679" y="464" font-family="Arial" font-size="11" fill="#374151" text-anchor="middle">Zapatillas blancas</text>
  <text x="679" y="483" font-family="Arial" font-size="12" fill="#be185d" text-anchor="middle" font-weight="bold">$42.000</text>
  <!-- footer -->
  <rect y="496" width="800" height="24" fill="#be185d"/>
  <text x="400" y="512" font-family="Arial" font-size="10" fill="#fce7f3" text-anchor="middle">© 2026 MODABA · Envíos a todo el país · contacto@modaba.com</text>
</svg>
