Skip to content

feat:add active navigation section highlighting and improve hero responsiveness#288

Open
akshatsinghai6682-sketch wants to merge 1 commit into
pushkarscripts:mainfrom
akshatsinghai6682-sketch:active-section-highlighting
Open

feat:add active navigation section highlighting and improve hero responsiveness#288
akshatsinghai6682-sketch wants to merge 1 commit into
pushkarscripts:mainfrom
akshatsinghai6682-sketch:active-section-highlighting

Conversation

@akshatsinghai6682-sketch

Copy link
Copy Markdown

Related Issue

Fixes #287


Description

Implemented active section highlighting in the navigation bar and improved the responsiveness of the Hero section.

The navbar now automatically highlights the currently active section as users scroll through the homepage, providing better navigation feedback. Additionally, Hero section typography, spacing, and responsiveness were refined for improved viewing across different screen sizes.


Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • UI/UX improvement
  • Refactor

Screenshots / Demo

Added screenshots demonstrating:

  • Active navbar section highlighting while scrolling
  • Updated Hero section responsiveness on different screen sizes
Image 14-06-26 at 1 15 AM

How Has This Been Tested?

  • Tested locally using "npm run dev"
  • Verified active navigation highlighting updates correctly while scrolling
  • Tested Hero section layout on desktop and mobile screen sizes
  • Confirmed smooth scrolling functionality from the "Explore Subjects" button
  • Verified successful build with "npm run build"

Checklist

  • My code follows the project structure and conventions
  • I have tested the changes locally
  • I have linked the related issue properly
  • I have added screenshots where applicable
  • No existing functionality was broken

AI Usage

  • I have not used AI tools for this contribution

  • I have used AI tools (ChatGPT, Copilot, Claude, etc.) and I have reviewed, verified, and understood all generated code/content before submitting this PR

If AI tools were used, briefly explain how:

Used AI assistance for implementation guidance, debugging, and code review. All code was manually verified and tested before submission.


Additional Notes

This update improves overall user experience by providing clear navigation feedback and enhancing responsiveness of the landing page Hero section.

Signed-off-by: Akshat Singhai <akshatsinghai6682@gmail.com>
@vercel

vercel Bot commented Jun 13, 2026

Copy link
Copy Markdown
Contributor

@akshatsinghai6682-sketch is attempting to deploy a commit to the PushkarScripts Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]-Add Active Navigation Highlighting Based on Current Scroll Section

1 participant