We rewrote components/pricing-cards.tsx three times in six months. Same product, same Stripe checkout, same three license tiers ( single | multiple | enterprise ). What changed was the component. The conversion went from ~1.1% to ~3.4%. This post is the actual diffs and the actual numbers. No theory, no funnel-graph PNGs. The product Applighter sells full-stack React Native + Expo templates. Each template has three license tiers stored as rows in a Supabase product_licenses table: license_type text check ( license_type in ( 'single' , 'multiple' , 'enterprise' )) price_usd numeric not null allowed_users int allowed_projects int is_commercial boolean Enter fullscreen mode Exit fullscreen mode Tiers are correct. The component rendering them was wrong three times. Version 1: textbook, ~1.1% { licenses . map ( license => ( < Card > < CardTitle > { license . license_type } </ CardTitle > < div className = "text-4xl" > $ { license . price_usd .…