Add Animated Counters for Milestones

snehas-05 commented 3 weeks ago

Add Animated Counters for Milestones Issue number #629

This pull request implements an animated counter feature for the RETRO website to dynamically display key milestones, such as "Projects Completed," "Happy Clients," and "Customer Satisfaction." The counters animate upon scrolling to the relevant section, enhancing user engagement and providing a more interactive experience.

Features Scroll-Triggered Animation: The counters start counting up when the user scrolls to the milestones section.

Smooth Transitions: Numbers increment smoothly over a defined duration, creating a seamless visual experience.

Responsive Design: The counters are styled to ensure they look great and function smoothly across all devices.

Benefits Boosts Engagement: The animated counters draw attention to important statistics, encouraging visitors to focus on standout achievements.

Quickly Showcases Success: Provides an immediate and impactful way to communicate major accomplishments, helping to build credibility with potential clients or collaborators.

Adds a Professional Touch: Smooth animations enhance the modern feel of the site, contributing to a positive user experience.

This pull request introduces animated counters to the RETRO website, dynamically showcasing key milestones like "Projects Completed" and "Happy Clients." The scroll-triggered animations enhance user engagement and present important statistics in a visually appealing manner.

The implementation is fully responsive and ensures smooth transitions for a polished user experience. I believe this feature will significantly contribute to the overall professionalism and interactivity of the site.

Thank you for reviewing this PR!

Checklist

[ X] I have gone through the contributing guide
[X ] I have updated my branch and synced it with project main branch before making this PR
[X ] I have performed a self-review of my code
[X ] I have tested the changes thoroughly before submitting this pull request.
[ X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
[X ] I have commented my code, particularly in hard-to-understand areas.

netlify[bot] commented 3 weeks ago

Deploy Preview for rococo-mooncake-0d89f7 ready!

Name	Link
Latest commit	88f8f4b5f3686d35318112f553ff58a59e053d9f
Latest deploy log	https://app.netlify.com/sites/rococo-mooncake-0d89f7/deploys/6727437d7a7a6100080dabd4
Deploy Preview	https://deploy-preview-805--rococo-mooncake-0d89f7.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Anjaliavv51 commented 2 weeks ago

@snehas-05 link ur page to home page in footer so that i can see ur output.

snehas-05 commented 2 weeks ago

@Anjaliavv51 done... I had made the changes which you asked me to do.

snehas-05 commented 1 week ago

@Anjaliavv51 please have a look on this pr once

Anjaliavv51 / Retro