✨Enhancement: Smooth scrolling and correct routing for "Features" navbar link (#72)

[nitishchaubeyy]

Description

Resolves #72

This PR fixes the cross-page navigation issue where clicking the "Features" link from a different route (e.g., /about or /login) correctly routed to the Home page but failed to scroll down to the Features section.

🚀 Changes Made:

• Imported useLocation from react-router-dom and useEffect from react in Home.jsx.
• Added a useEffect hook that listens to changes in the location object.
• Implemented a smooth scroll mechanism using element.scrollIntoView() wrapped in a slight timeout (100ms) to ensure the DOM is fully painted before scrolling.
• Ensured that navigating back to the bare / route without a hash automatically scrolls the user smoothly to the top of the page.

🧪 Testing Done:

• Verified smooth scrolling to the features section when clicking the link from the top of the Home page.
• Verified successful routing and automatic smooth scrolling when clicking the "Features" link from an entirely different page (cross-page hash routing).

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ranker-hub	Ready	Preview, Comment	May 30, 2026 9:43pm