<svg xmlns="http://www.w3.org/2000/svg" width="200" height="56" viewBox="0 0 200 56">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3498db;stop-opacity:0.12"/>
      <stop offset="100%" style="stop-color:#17a589;stop-opacity:0.12"/>
    </linearGradient>
  </defs>

  <!-- Background -->
  <rect width="200" height="56" rx="6" fill="url(#bg)" stroke="#dde3eb" stroke-width="1.5"/>

  <!-- Hotel icon -->
  <rect x="10" y="18" width="22" height="28" rx="2" fill="#3498db" opacity="0.7"/>
  <rect x="14" y="22" width="4" height="4" fill="white" rx="0.5"/>
  <rect x="20" y="22" width="4" height="4" fill="white" rx="0.5"/>
  <rect x="14" y="30" width="4" height="4" fill="white" rx="0.5"/>
  <rect x="20" y="30" width="4" height="4" fill="white" rx="0.5"/>
  <rect x="15" y="38" width="6" height="8" fill="white" rx="0.5"/>
  <!-- Roof triangle -->
  <polygon points="8,18 21,8 34,18" fill="#2980b9" opacity="0.8"/>

  <!-- Text -->
  <text x="42" y="25" font-family="Arial, sans-serif" font-size="13" font-weight="700"
        fill="#2c3e50" letter-spacing="0.3">YOUR RESORT</text>
  <text x="42" y="40" font-family="Arial, sans-serif" font-size="9.5" font-weight="400"
        fill="#6c757d" letter-spacing="0.2">Replace with actual logo</text>
  <text x="42" y="51" font-family="Arial, sans-serif" font-size="8" fill="#adb5bd">
    Recommended: 200 × 56 px PNG/SVG
  </text>
</svg>
