feat(landing): stat coupons float like the main model with in-canvas 3D text#120
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Feedback round 3 on the hero: the stat coupons now float with the same energy as the main model, and their numbers/labels are real in-canvas 3D text instead of flat DOM billboards.
What changed
<Html>billboards (which stayed screen-fixed while the mesh moved — the 'fakey, not part of the 3D' feel) with drei<Text>SDF type that sits ON the coupon face and inherits every float/parallax transform, with a soft dark outline-blur reading as printed ink.public/fonts/Poppins-Bold.ttf(152 KB) — troika needs ttf/otf/woff and its default font is a CDN fetch we deliberately avoid. Requested only when the scene mounts (desktop + idle); never touches first paint, phones, or CI (reduced-motion renders posters).Verified (local, real browser)
Dev only — no prod changes.
🤖 Generated with Claude Code