<svg xmlns="http://www.w3.org/2000/svg" width="900" height="360" viewBox="0 0 900 360">
  <defs>
    <pattern id="diagonal" patternUnits="userSpaceOnUse" width="20" height="20" patternTransform="rotate(45)">
      <line x1="0" y1="0" x2="0" y2="20" stroke="#f4b4c3" stroke-width="6"/>
    </pattern>
  </defs>
  <rect width="900" height="360" fill="#fff7f9" />
  <rect x="12" y="12" width="876" height="336" fill="url(#diagonal)" stroke="#f3becb" stroke-width="4" rx="18"/>
  <text x="50%" y="50%" text-anchor="middle" fill="#d33a62" font-size="36" font-family="Arial, sans-serif" dy="-10">Safara Hero</text>
  <text x="50%" y="50%" text-anchor="middle" fill="#9a2144" font-size="18" font-family="Arial, sans-serif" dy="26">Local placeholder image</text>
</svg>
