Fix: Enhance Navbar Text Visibility with Brighter Hover Color #114

[priyanshu1044]

Fix #114 Improve Navbar Hover Interaction

Summary

This PR updates the hover effect styles for navigation links in the main-nav.tsx component to enhance visual feedback and improve user interaction.

---

Changes Made

• Updated hover text color to use text-primary instead of text-foreground/80
• Increased font weight on hover using hover:font-medium for a bolder feel
• Enhanced background color on hover:
  • Light mode: hover:bg-neutral-100
  • Dark mode: hover:dark:bg-neutral-700
• Added a bottom border highlight on hover: hover:border-b-2 hover:border-primary
• Retained spacing and rounded corners for consistent design: px-2 py-1 rounded-lg

These changes apply to:

• All main navigation links
• The "Contact Us" mail link

---

Why This Matters

• Improves accessibility and UX by making hover state more visually distinct
• Creates a more modern, polished look
• Aligns hover behavior across all navigation elements for consistency

---

Files Updated

• src/components/main-nav.tsx

---

In Light Mode This pull request includes changes to the src/components/main-nav.tsx file to enhance the visual styling of navigation items and the "Contact Us" link. The most important changes include updating the hover effects to improve user experience.

Styling improvements:

• src/components/main-nav.tsx: Updated the hover effects for navigation items to include changes in text color, font weight, and border styling.
• src/components/main-nav.tsx: Updated the hover effects for the "Contact Us" link to match the new navigation item styling.

In Dark Mode

[vercel[bot]]

@priyanshu1044 is attempting to deploy a commit to the Sanjay Dutt's projects Team on Vercel.

A member of the Team first needs to authorize it.