Animation on scroll on nearby hospitals page

[Priyanshi0112]

Is there an existing issue for this?

• [X] I have searched the existing issues

Feature Description

Adding scroll animations to your nearby hospitals page transforms the reading experience, making it more dynamic and engaging. These animations guide readers through the content, highlight key information, and create a visually appealing narrative flow.

Use Case

As the user scrolls, each hospital card or section animates into view using a fade-in, slide, or zoom effect, creating a sense of discovery for each item.

Benefits

1. Enhanced Engagement: Animation captures attention, encouraging users to stay on the page longer.
2. Improved Readability: Gradual reveal of information prevents users from feeling overwhelmed by too much data at once.
3. Highlighting Key Information: Draws user attention to important details about each hospital as they scroll.

Priority

High

Record

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC contributor
• [X] I want to work on this issue
• [X] I'm willing to provide further clarification or assistance if needed.

[github-actions[bot]]

🙌 Thank you for bringing this issue to our attention! We appreciate your input and will investigate it as soon as possible !