Skip to content

Conversation

@rajanarahul93
Copy link

Description

This PR introduces subtle animations to the landing page to improve user engagement. It adds a staggered entry animation to the hero section text and a hover/press effect to all standard buttons, making the UI feel more dynamic and responsive.

Changes Made

  • Added a scale transform on hover/press to the shared button component.
  • Wrapped the button animation in the motion-safe variant to respect users' prefers-reduced-motion accessibility settings.
  • Implemented a staggered fade-in and slide-up effect for the hero section on the landing page using framer-motion.

Checklist

  • I have tested my changes locally.
  • I have updated the documentation (if applicable).
  • I have added/updated unit tests (if applicable).
  • My code follows the project's coding standards.
  • My changes do not introduce new warnings or errors.

Related Issues

Additional Context

The button animation was updated to include the motion-safe variant based on an accessibility review. This ensures that the animations are disabled for users who have requested reduced motion in their system settings.

@rajanarahul93
Copy link
Author

Hi @evgongora, could you please let me know if any further refinements or changes are needed before it can be merged?

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.

Add Simple Animations to the Landing Page

1 participant