Add Animated Number Counter Effect for Stats Section #452
Description
Is your feature request related to a problem or challenge?
📝 Description
Currently, the statistics section of the website displays static numbers such as:
25+ Beta Testing Partners
150+ Active Beta Users
750+ Test Patients Onboarded
99.2% Platform Uptime
To enhance user engagement and modernize the UI, we should make these numbers count up dynamically from 0 to their final values when the section becomes visible to the user (i.e., when it enters the viewport on scroll).
Describe the solution you'd like
Expected Behavior
Each statistic number should start counting automatically when the stats section becomes visible in the viewport.
The count-up should be smooth, fast, and natural (approx. 1.5–2 seconds duration).
The + or % symbols should remain static beside the animated number.
The animation should trigger once per page load (not on every scroll back).
Should work seamlessly on both dark and light themes.
Describe alternatives you've considered
Additional context
✅Acceptance Criteria
Counters begin counting only when section is visible on screen.
Animation runs once per load and looks smooth.
- and % symbols remain static beside numbers.
Works consistently across browsers and devices.
Matches color variables and theme transitions of the site.