Skip to content

Hero section dashboard frontend revamp#459

Open
HarshRaj29004 wants to merge 13 commits intoCCExtractor:mainfrom
HarshRaj29004:HeroSection_Dashboard-frontend-revamp
Open

Hero section dashboard frontend revamp#459
HarshRaj29004 wants to merge 13 commits intoCCExtractor:mainfrom
HarshRaj29004:HeroSection_Dashboard-frontend-revamp

Conversation

@HarshRaj29004
Copy link
Contributor

@HarshRaj29004 HarshRaj29004 commented Feb 5, 2026

Description

Replaced CSS-based Hero shadow animation with Framer Motion to consolidate animation systems and reduce custom CSS complexity.

Changes

  • Migrated color-shifting shadow animation from CSS keyframes to Framer Motion
  • Removed .shadow class and @keyframes shadow-slide from index.css
  • Updated Hero components to use motion.div with identical visual effect

Checklist

  • Ran npx prettier --write . (for formatting)
  • Ran gofmt -w . (for Go backend)
  • Ran npm test (for JS/TS testing)
  • Added unit tests, if applicable
  • Verified all tests pass
  • Updated documentation, if needed

Additional Notes

Maintains same animation timing and color transitions.

@github-actions
Copy link

github-actions bot commented Feb 5, 2026

Thank you for opening this PR!

Before a maintainer takes a look, it would be really helpful if you could walk through your changes using GitHub's review tools.

Please take a moment to:

  • Check the "Files changed" tab
  • Leave comments on any lines for functions, comments, etc. that are important, non-obvious, or may need attention
  • Clarify decisions you made or areas you might be unsure about and/or any future updates being considered.
  • Finally, submit all the comments!

More information on how to conduct a self review:
https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/reviewing-changes-in-pull-requests/reviewing-proposed-changes-in-a-pull-request

This helps make the review process smoother and gives us a clearer understanding of your thought process.

Once you've added your self-review, we'll continue from our side. Thank you!

@its-me-abhishek
Copy link
Collaborator

@HarshRaj29004 kindly add a video preview, also should look into the failing CI

@HarshRaj29004
Copy link
Contributor Author

@its-me-abhishek
Copy link
Collaborator

@HarshRaj29004 You should revert the latest commit, this is not a code-error per se, but a snapshot error.
Please run npm run npx -- -u to update the snapshots and you'd be good to go

@HarshRaj29004
Copy link
Contributor Author

@its-me-abhishek I have done all the changes and improved animation

animation.mp4

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.

Hero Section - Dashboard frontend revamp

2 participants