landing page step card icon tweak

[moehdotdev]

what changed

• the step badge (top-left corner of each card) used to show a text label like "step 1". it now shows the step's icon instead, with a border-primary/20 border and p-1.5 padding to give it a cleaner pill shape
• the separate icon container below the badge (w-7 h-7 bg-primary/10 div) was removed since the icon is now already surfaced in the badge no need to show it twice
• the step title sits directly in the flex row without the icon wrapper, so the heading alignment is simpler

it just didn't make any sense

before :

now :

• having both a step number badge and a separate icon box was visually noisy and redundant
• showing the icon in the badge is more scannable at a glance and saves vertical space in the card header

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Ready	Preview, Comment	May 15, 2026 5:20am