Conversation
Introduce LandingGlowCard with radial border highlight tied to pointer position, frosted glass styling, and optional hover lift for demo tiles. Add subtle staggered entrance and section heading animations respecting prefers-reduced-motion. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Use MuiCard theme borderRadius for wrapper and Card so the edge ring matches the card corners. Stop resetting glow center on leave so the highlight fades out in place; sync position on pointerenter. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Apply translateY on the LandingGlowCard root for interactive tiles so the edge highlight moves with the card instead of only the inner Card. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Add a soft inner radial gradient for interactive tiles using the same CSS variables as the border glow; fade in on hover. Keep CardActionArea full-height under flex layout. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 6383633. Configure here.
|
You have used all of your free Bugbot PR reviews. To receive reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial. |
- Use transform-only entrance keyframes with forwards (not both) so stagger delays do not apply opacity:0 from the first keyframe. - Gate interactive hover lift, glow fades, and shadow transitions behind prefers-reduced-motion; static border tint on hover when reduced. - Hide edge/ambient decorative layers when reduced motion. - Scope Card flex layout to interactive tiles only. - Deduplicate section heading entrance styles via helper. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Replace CSS keyframe entrances with IntersectionObserver + opacity/transform transitions so in-viewport content stays put on first paint and below-fold blocks animate when scrolled into view. Add useLandingReveal + LandingReveal; wrap section headings; nest glow cards in reveal wrapper with separate inner root for pointer/hover transforms. Guard matchMedia and IntersectionObserver for tests/SSR. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Pending state no longer applies opacity:0; only below-fold elements hide after useLayoutEffect measures. SSR and first client paint stay in sync. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Wrap FAQ heading and each accordion in LandingReveal; stagger delay per row (capped) for a wave when the section enters view. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Keep LandingGlowCard + LandingReveal; adopt main stable React keys (id) and i18n landingDemoSlug(LL, id). Core loop card tint stays branch 0.72 alpha. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
480ms cap collapsed indices 9–11 to the same delay; cap at 11*55ms so demoIndex+8 through +11 each get a distinct stagger. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
Integrate HomeLandingPythonDecor and main section layout (z-index wrapper, py blocks) while keeping LandingGlowCard, LandingReveal, and i18n demo slugs. Co-authored-by: Max Kayander <mkayander@users.noreply.github.com>
|
🎉 This PR is included in version 1.374.1 🎉 The release is available on GitHub release Your semantic-release bot 📦🚀 |
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
2 participants
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.
Summary
Landing section cards and headings use scroll-triggered reveal and pointer-linked glow styling.
Entrance motion (latest)
CSS keyframe animations caused a visible jump on load (first frame at translateY, then animate). Replaced with
useLandingReveal+IntersectionObserver:opacity: 0, slight offset,transition: none), then eases in when scrolled into view.prefers-reduced-motion: reduce→ always static.matchMedia/IntersectionObserverguards for jsdom tests and edge environments.LandingGlowCarduses an outer reveal wrapper + inner.landing-glow-card-rootso scroll reveal transform and hover lift stay independent.Testing
pnpm exec tsc --noEmitpnpm exec vitest run src/__tests__/index.test.tsx