=<svg viewBox="0 0 900 700" width="100%" height="auto" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
  <!-- Background container -->
  <rect width="900" height="700" rx="16" fill="#F5F3EE"/>
  
  <!-- Content area with padding -->
  <g transform="translate(24, 24)">
    
    <!-- Title -->
    <text x="0" y="40" font-family="sans-serif" font-size="26" font-weight="700" fill="#2C2C2A">
      The Generic AI Content Trap: 4 Failure Patterns
    </text>
    
    <!-- Main comparison grid -->
    <g transform="translate(0, 80)">
      
      <!-- Header row background -->
      <rect x="0" y="0" width="852" height="60" rx="8" fill="#E8E4DD"/>
      
      <!-- Left header -->
      <text x="30" y="45" font-family="sans-serif" font-size="18" font-weight="600" fill="#2C2C2A">
        What Users Do
      </text>
      
      <!-- Divider line -->
      <line x1="426" y1="10" x2="426" y2="50" stroke="#D4D0C8" stroke-width="2"/>
      
      <!-- Right header -->
      <text x="456" y="45" font-family="sans-serif" font-size="18" font-weight="600" fill="#2C2C2A">
        What Actually Ranks
      </text>
      
      <!-- Row 1 -->
      <rect x="0" y="60" width="852" height="100" rx="8" fill="#FFFFFF"/>
      
      <!-- Row 1 Left icon -->
      <circle cx="40" cy="110" r="16" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="34" y="118" font-family="sans-serif" font-size="20" font-weight="700" fill="#C4A77D">1</text>
      
      <!-- Row 1 Left text -->
      <text x="75" y="105" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Type one prompt
      </text>
      <text x="75" y="125" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        and publish
      </text>
      
      <!-- Row 1 Right icon -->
      <circle cx="466" cy="110" r="16" fill="none" stroke="#8B7355" stroke-width="2"/>
      <text x="460" y="118" font-family="sans-serif" font-size="20" font-weight="700" fill="#8B7355">1</text>
      
      <!-- Row 1 Right text -->
      <text x="501" y="105" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Sequential
      </text>
      <text x="501" y="125" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        research-to-edit workflow
      </text>
      
      <!-- Row 2 -->
      <rect x="0" y="160" width="852" height="100" rx="8" fill="#FAF8F5"/>
      
      <!-- Row 2 Left icon -->
      <circle cx="40" cy="210" r="16" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="34" y="218" font-family="sans-serif" font-size="20" font-weight="700" fill="#C4A77D">2</text>
      
      <!-- Row 2 Left text -->
      <text x="75" y="205" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Skip SERP research
      </text>
      <text x="75" y="225" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        No competitor analysis
      </text>
      
      <!-- Row 2 Right icon -->
      <circle cx="466" cy="210" r="16" fill="none" stroke="#8B7355" stroke-width="2"/>
      <text x="460" y="218" font-family="sans-serif" font-size="20" font-weight="700" fill="#8B7355">2</text>
      
      <!-- Row 2 Right text -->
      <text x="501" y="205" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        SERP-grounded
      </text>
      <text x="501" y="225" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        outline first
      </text>
      
      <!-- Row 3 -->
      <rect x="0" y="260" width="852" height="100" rx="8" fill="#FFFFFF"/>
      
      <!-- Row 3 Left icon -->
      <circle cx="40" cy="310" r="16" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="34" y="318" font-family="sans-serif" font-size="20" font-weight="700" fill="#C4A77D">3</text>
      
      <!-- Row 3 Left text -->
      <text x="75" y="305" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Ignore brand
      </text>
      <text x="75" y="325" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        voice file
      </text>
      
      <!-- Row 3 Right icon -->
      <circle cx="466" cy="310" r="16" fill="none" stroke="#8B7355" stroke-width="2"/>
      <text x="460" y="318" font-family="sans-serif" font-size="20" font-weight="700" fill="#8B7355">3</text>
      
      <!-- Row 3 Right text -->
      <text x="501" y="305" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Voice training set
      </text>
      <text x="501" y="325" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        ingested
      </text>
      
      <!-- Row 4 -->
      <rect x="0" y="360" width="852" height="100" rx="8" fill="#FAF8F5"/>
      
      <!-- Row 4 Left icon -->
      <circle cx="40" cy="410" r="16" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="34" y="418" font-family="sans-serif" font-size="20" font-weight="700" fill="#C4A77D">4</text>
      
      <!-- Row 4 Left text -->
      <text x="75" y="405" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        No human
      </text>
      <text x="75" y="425" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        strategic edit
      </text>
      
      <!-- Row 4 Right icon -->
      <circle cx="466" cy="410" r="16" fill="none" stroke="#8B7355" stroke-width="2"/>
      <text x="460" y="418" font-family="sans-serif" font-size="20" font-weight="700" fill="#8B7355">4</text>
      
      <!-- Row 4 Right text -->
      <text x="501" y="405" font-family="sans-serif" font-size="14" font-weight="600" fill="#2C2C2A">
        Hybrid AI-human
      </text>
      <text x="501" y="425" font-family="sans-serif" font-size="14" font-weight="400" fill="#4A4A47">
        review
      </text>
      
    </g>
    
    <!-- Outcome section -->
    <g transform="translate(0, 500)">
      
      <!-- Divider -->
      <line x1="0" y1="0" x2="852" y2="0" stroke="#D4D0C8" stroke-width="2"/>
      
      <!-- Left outcome -->
      <g transform="translate(0, 30)">
        <rect x="0" y="0" width="396" height="90" rx="8" fill="#E8E4DD"/>
        <text x="198" y="25" font-family="sans-serif" font-size="18" font-weight="700" fill="#2C2C2A" text-anchor="middle">
          ZERO IMPRESSIONS
        </text>
        <text x="198" y="60" font-family="sans-serif" font-size="13" font-weight="400" fill="#4A4A47" text-anchor="middle">
          Generic AI output ranks below
        </text>
        <text x="198" y="78" font-family="sans-serif" font-size="13" font-weight="400" fill="#4A4A47" text-anchor="middle">
          established authority sites
        </text>
      </g>
      
      <!-- Right outcome -->
      <g transform="translate(456, 30)">
        <rect x="0" y="0" width="396" height="90" rx="8" fill="#C4A77D"/>
        <text x="198" y="25" font-family="sans-serif" font-size="18" font-weight="700" fill="#FFFFFF" text-anchor="middle">
          COMPOUNDING TRAFFIC
        </text>
        <text x="198" y="60" font-family="sans-serif" font-size="13" font-weight="400" fill="#FFFFFF" text-anchor="middle">
          Strategic AI + human review
        </text>
        <text x="198" y="78" font-family="sans-serif" font-size="13" font-weight="400" fill="#FFFFFF" text-anchor="middle">
          scales exponentially
        </text>
      </g>
      
    </g>
    
  </g>
  
</svg>