<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 280" fill="none">
  <defs>
    <linearGradient id="s4Grad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#833AB4"/>
      <stop offset="100%" stop-color="#E1306C"/>
    </linearGradient>
  </defs>
  <rect width="400" height="280" rx="20" fill="#f8f8f8"/>
  <!-- Calendar widget -->
  <rect x="60" y="30" width="280" height="180" rx="16" fill="white" stroke="#E0E0E0" stroke-width="1.5" filter="drop-shadow(0 4px 12px rgba(0,0,0,0.1))"/>
  <!-- Calendar header -->
  <rect x="60" y="30" width="280" height="44" rx="16" fill="url(#s4Grad)"/>
  <rect x="60" y="54" width="280" height="20" fill="url(#s4Grad)"/>
  <text x="200" y="57" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="14" fill="white" text-anchor="middle">June 2026</text>
  <!-- Day headers -->
  <text x="95" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">MON</text>
  <text x="135" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">TUE</text>
  <text x="175" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">WED</text>
  <text x="215" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">THU</text>
  <text x="255" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">FRI</text>
  <text x="295" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">SAT</text>
  <text x="335" y="90" font-family="Inter,-apple-system,sans-serif" font-size="9" fill="#9E9E9E" text-anchor="middle">SUN</text>
  <!-- Dates row -->
  <text x="95" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">16</text>
  <text x="135" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">17</text>
  <text x="175" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">18</text>
  <text x="215" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">19</text>
  <!-- Today -->
  <circle cx="255" cy="107" r="13" fill="url(#s4Grad)"/>
  <text x="255" y="112" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="12" fill="white" text-anchor="middle">20</text>
  <text x="295" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">21</text>
  <text x="335" y="112" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#666" text-anchor="middle">22</text>
  <!-- Event dots -->
  <circle cx="95" cy="120" r="3" fill="url(#s4Grad)" opacity="0.5"/>
  <circle cx="175" cy="120" r="3" fill="url(#s4Grad)" opacity="0.7"/>
  <circle cx="295" cy="120" r="3" fill="url(#s4Grad)"/>
  <!-- Upcoming events -->
  <rect x="76" y="138" width="254" height="26" rx="6" fill="rgba(131,58,180,0.1)"/>
  <text x="88" y="150" font-family="Arial" font-size="11">💪</text>
  <text x="106" y="155" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#833AB4">7:00 AM - Morning Workout</text>
  <rect x="76" y="170" width="254" height="26" rx="6" fill="rgba(225,48,108,0.1)"/>
  <text x="88" y="182" font-family="Arial" font-size="11">📊</text>
  <text x="106" y="187" font-family="Inter,-apple-system,sans-serif" font-size="10" fill="#E1306C">9:00 AM - Business Review</text>

  <!-- Check badge -->
  <circle cx="320" cy="44" r="16" fill="#00D95F"/>
  <path d="M312 44 L318 50 L328 38" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>

  <text x="200" y="240" font-family="Inter,-apple-system,sans-serif" font-weight="700" font-size="16" fill="#212121" text-anchor="middle">Schedule Success</text>
  <text x="200" y="262" font-family="Inter,-apple-system,sans-serif" font-size="12" fill="#9E9E9E" text-anchor="middle">Calendar sync • Smart reminders</text>
</svg>
