fix(marketing): match hero badge to the Figma spec#14
Conversation
The hero "Build. Earn. Belong / Learn More" badge was a rounded-full pill with a nested sub-pill; the design is a rounded-lg chip (1px white/15 border, 5px/14px padding, 10px gap) with a divider, matching the CTA badge.
|
@Benjtalkshow is attempting to deploy a commit to the Threadflow Team on Vercel. A member of the Team first needs to authorize it. |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughThe home page imports ChangesHome Page Hero CTA Updates
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~3 minutes Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
The hero "Build. Earn. Belong / Learn More" badge did not match Figma.
border-radius: 8pxrounded-fullrounded-lgborder: 1px rgba(255,255,255,0.15)border-white/10border-white/15background: rgba(255,255,255,0.05)padding: 5px 14pxp-1px-3.5 py-[5px]gap: 10pxgap-1gap-2.5Also dropped the nested rounded-full sub-pill (not in the spec) in favour of a divider + arrow icon, making it identical to the CTA section badge (already built to this spec). The "Learn More" link still points to
/about.Verified:
npm run typecheck && npm run lintpass.Summary by CodeRabbit