feat: Added Count-Up animation in hero section of landing page

[khedkaravani-rgb]

Pull Request

📌 Related Issue

Fixes #41

---

📝 Description

Implemented an animated count-up effect for the landing page statistics to enhance user engagement and improve the overall user experience.

Changes made:

• Added a reusable useCountUp custom hook to animate numerical values.
• Created a reusable StatCard component to encapsulate the statistics UI and animation logic.
• Implemented IntersectionObserver so the animation starts only when the statistics section enters the viewport.
• Added smooth ease-out animation for a more natural counting effect.
• Added staggered delays so each statistic animates sequentially rather than all at once.
• Preserved existing number formatting, including commas, percentage symbols, decimal values, and suffixes.
• Added support for users with reduced motion preferences by displaying the final value immediately when motion reduction is enabled.
• Refactored the statistics section to improve component reusability while keeping the existing design intact.

---

🚀 Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• UI/UX improvement
• Performance improvement
• Documentation update
• Refactoring
• Security enhancement
• Breaking change

---

🧪 Testing

Please describe how you tested your changes.

• Tested locally
• Existing tests pass
• Added/updated tests (if applicable)

---

📸 Screenshots / Demo

---

✅ Checklist

• My code follows the project's coding style.
• I have performed a self-review of my code.
• I have tested my changes locally.
• I have not introduced unrelated changes.
• Documentation has been updated where necessary.
• My changes do not introduce new warnings or errors.
• This PR is linked to the appropriate issue.

---

💬 Additional Notes

Edited the app.js section to add targetCompany:'xyz' in the userStats section since it was giving a missing parameter error; however, it does not affect the code/working of the app in any way.

[vercel]

@khedkaravani-rgb is attempting to deploy a commit to the Pari's projects Team on Vercel.

A member of the Team first needs to authorize it.