Added Framer transitions in Home, About, Blog pages

[gunjanghate]

📄 Description

Initially opened an issue for unwanted spacing below the navbar, but found it was already resolved.
While reviewing, I noticed homepage, about page, and blog page lacked smooth transitions.
To address this, I integrated Framer Motion to enable page transitions and on-view animations for key widgets and div components.

✅ Checklist

• My code follows the project’s coding guidelines.
• I have tested these changes locally.
• I have added necessary documentation/comments (if applicable).
• I have linked the related issue (if applicable).

🔗 Related Issue

Closes #104

📸 Screenshots & Video (if applicable)

Before: Pages had static content loading without animations.
After:

Screen.Recording.2025-08-03.124830.mp4

🙏 Additional Notes

• Ensured animations are lightweight and non-blocking.
• No impact on existing layout or performance.