Enhancement: Convert Navbar Links to Styled Buttons for Better UX and Visual Hierarchy

[Mwita-jr]

SUMMARY

The current navigation bar contains three primary call-to-action links:

1. Join Our Community
2. About Our Community
3. Meet Our Contributors

These are currently displayed as standard anchor links. Since they function as primary actions within the application, they would benefit from being styled as buttons to improve visual hierarchy, accessibility, and user engagement.

PROBLEM

1. The links do not stand out as primary actions.
2. There is no strong visual emphasis guiding users toward key sections.
3. The current styling does not clearly differentiate important actions from regular navigation links.

PROPOSED ENHANCEMENT

Convert the three navigation links into visually styled buttons while preserving their routing functionality.

SUGGESTED IMPROVEMENTS

1. Use consistent button styling (padding, border-radius, hover effects).
2. Add hover and focus states for better accessibility.
3. Maintain responsiveness across screen sizes.
4. Ensure semantic correctness (either styled <a> tags or <button> elements depending on routing).

This change does not affect core functionality and is purely a UI/UX improvement.

[Mwita-jr]

Hi !

I would like to take up this enhancement and work on converting the navbar links into styled buttons for better UX.

Kindly assign this issue to me if it aligns with the project goals.