Skip to content

feat(site): add polished animations to landing page#106

Merged
manthan787 merged 5 commits intomainfrom
worktree-merry-knitting-goose
Mar 2, 2026
Merged

feat(site): add polished animations to landing page#106
manthan787 merged 5 commits intomainfrom
worktree-merry-knitting-goose

Conversation

@manthan787
Copy link
Collaborator

Summary

  • Add 9 polished animations to the landing page: character-level hero text reveal with stagger, gradient shimmer on accent text, infinite marquee for stack strip, mouse-tracking spotlight on capability cards, scroll-linked progress line for How It Works flow, terminal typing effect, counter animations on step numbers, and magnetic button effect
  • Refactor initAnimations() into modular functions for each animation
  • Full prefers-reduced-motion accessibility support (CSS + JS early return)

Test plan

  • Open docs/index.html in browser — hero title animates character-by-character on load
  • Shimmer sweeps across accent text after ~2s
  • Stack strip scrolls horizontally, pauses on hover, edge fades visible
  • Scroll to capabilities — purple spotlight follows mouse on cards
  • Scroll to How It Works — progress line fills as you scroll, step numbers count up
  • Scroll to spotlight — terminal lines appear sequentially
  • Hover primary buttons — magnetic pull + elastic spring-back
  • Test with prefers-reduced-motion: reduce in devtools — all animations disabled
  • Test mobile responsive — marquee works, progress line hidden, no broken layouts

🤖 Generated with Claude Code

manthan787 and others added 5 commits March 1, 2026 18:25
Tighten language, fix mixed signals, and improve consistency across
the landing page.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add character-level text reveals, gradient shimmer, infinite marquee,
mouse-tracking card spotlight, scroll-linked progress, terminal typing
effect, counter animations, and magnetic buttons. Includes full
prefers-reduced-motion accessibility support.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Remove the "See ranked hypotheses..." paragraph. Fix the "In minutes,
not hours" accent line by skipping it during character splitting so
background-clip: text gradient is preserved.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@manthan787 manthan787 merged commit 7e198a0 into main Mar 2, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant