plan: use the phone-supporter hero on both first screens

badges-flow-mvp.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="4400" height="3554" viewBox="0 0 4400 3554"><rect x="0.0" y="0.0" width="4400.0" height="3554.0" rx="0.0" fill="#ffffff" stroke="none" stroke-width="1.0"/><rect x="0.0" y="0.0" width="4400.0" height="96.0" rx="0.0" fill="#1c1e26" stroke="none" stroke-width="1.0"/><text x="60.0" y="46.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="26.0" font-weight="600" fill="#ffffff">Supporter badges - every screen, in the app and on the web</text><text x="60.0" y="72.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6">one tree per surface, left to right - blue is the normal path, orange a variant, grey a platform difference, and the dashed pair is everything that crosses between the app and the site</text><text x="4340.0" y="46.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6" text-anchor="end">plans/2026-08-21-badges-web-checkout.md</text><text x="4340.0" y="72.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6" text-anchor="end">editable SVG</text><text x="60.0" y="158.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="18.0" font-weight="600" fill="#1c1e26">In the app</text><text x="178.0" y="158.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="12.0" fill="#767a85">iOS idiom shown; Android and desktop differ only in chrome</text><text x="4020.0" y="158.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="18.0" font-weight="600" fill="#1c1e26">For the operator</text><text x="4199.2" y="158.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="12.0" fill="#767a85">the CLI behind the codes</text><text x="60.0" y="192.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" font-weight="600" fill="#9096a3">Choosing a badge</text><line x1="60.0" y1="657.0" x2="3820.0" y2="657.0" stroke="#e6e9ef" stroke-width="1.0"/><text x="60.0" y="677.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" font-weight="600" fill="#9096a3">Redeeming a code, and what it gives you</text><line x1="60.0" y1="1155.0" x2="3820.0" y2="1155.0" stroke="#e6e9ef" stroke-width="1.0"/><text x="60.0" y="1175.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" font-weight="600" fill="#9096a3">When something goes wrong</text><g id="a1" transform="translate(60.0,231.0) scale(0.5200)"><rect x="0.0" y="0.0" width="402.0" height="600.0" rx="0.0" fill="#f2f2f7" stroke="none" stroke-width="1.0"/><text x="20.0" y="74.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="30.0" font-weight="600" fill="#000000">Support SimpleX</text><text x="32.0" y="114.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">SimpleX is built by people who believe</text><text x="32.0" y="132.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">private messaging should not depend on</text><text x="32.0" y="150.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">advertising. A badge helps pay for it.</text><text x="201.0" y="184.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" font-weight="600" fill="#007aff" text-anchor="middle">Why SimpleX is built this way</text><defs><linearGradient id="grad-heroS" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#29f5ff"/><stop offset="5%" stop-color="#29f5ff"/><stop offset="95%" stop-color="#527eed"/><stop offset="100%" stop-color="#3669e9"/></linearGradient></defs><g opacity="1.00" transform="translate(96.84,218.00) scale(0.4211) translate(-8.25,-8.25)"><path fill="url(#grad-heroS)" d="M98.25,8.25h120a90,90,0,0,1,90,90v219a90,90,0,0,1-90,90h-120a90,90,0,0,1-90-90v-219a90,90,0,0,1,90-90Z"/><path fill="#ffffff" fill-rule="nonzero" d="M107.25,214.5h-8.62A40.51,40.51,0,0,1,58.12,174V117.37a40.51,40.51,0,0,1,40.51-40.5h8.62a40.5,40.5,0,0,1,40.5,40.5V174a40.5,40.5,0,0,1-40.5,40.5Zm18-93.38a21.75,21.75,0,0,0-21.75-21.75h-1.12a21.75,21.75,0,0,0-21.76,21.75v49.13A21.75,21.75,0,0,0,102.38,192h1.12a21.75,21.75,0,0,0,21.75-21.75V121.12Z M218.25,214.5h-8.63a40.5,40.5,0,0,1-40.5-40.5V117.37a40.51,40.51,0,0,1,40.5-40.5h8.63a40.5,40.5,0,0,1,40.5,40.5V1Line truncated
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="4400" height="3668" viewBox="0 0 4400 3668"><rect x="0.0" y="0.0" width="4400.0" height="3668.0" rx="0.0" fill="#ffffff" stroke="none" stroke-width="1.0"/><defs><image id="phoneflag" width="460" height="578" xlink:href="data:image/png;base64,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 truncated