feat(web): add smooth scroll reveal animations

[Ruchira807]

Summary

Adds smooth scroll reveal animations to the landing page to improve user engagement and modernize the browsing experience.

Closes #320

---

Type of Change

• New feature
• UI / Design change

---

What Changed

• Added fade-in and slide-up reveal animations for landing page content.
• Implemented scroll-triggered animations using Intersection Observer.
• Added smooth reveal transitions for feature cards and hero content.
• Optimized animations for performance and responsiveness.

---

How to Test

1. Run the project locally using pnpm dev:web.
2. Open the landing page.
3. Scroll through the page and verify that sections reveal smoothly as they enter the viewport.
4. Confirm animations work correctly on desktop and mobile layouts.

---

Checklist

• My code follows the project's coding style.
• No debug statements left in the code.
• UI remains responsive and accessible.

[vercel]

@Ruchira807 is attempting to deploy a commit to the Prashantkumar Khatri's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Hi @Ruchira807,

Thanks for opening this pull request.

This PR has been automatically classified based on the files modified.

Applied Labels

• gssoc:approved
• web

Primary Review Area

• web

Reviewer

@ShantKhatri has been identified as the primary reviewer for this pull request.

If you have any questions regarding the affected area or implementation details, feel free to reach out to the assigned reviewer.

Thank you for your contribution!

[github-actions]

CI — All Checks Passed

Backend — SKIP

Check	Result
Lint	-
Test	-
Typecheck	-

Mobile — SKIP

Check	Result
Lint	-
Test	-

Web — PASS

Check	Result
Build	PASS

---

Last updated: Thu, 18 Jun 2026 16:29:44 GMT

[Ruchira807]

Hi @ShantKhatri,

I have implemented the scroll reveal animations for Issue #320 and verified that the web build passes successfully. I'd appreciate it if you could review the PR when you have time.

Thank you!

[ShantKhatri]

Hey @Ruchira807 , I'm not able to see the changed effects, could you please add the demo video or show us in tomorrow community call?

[Ruchira807]

Hey @Ruchira807 , I'm not able to see the changed effects, could you please add the demo video or show us in tomorrow community call?

Screen.Recording.2026-06-20.212124.mp4

Screen.Recording.2026-06-20.212211.mp4