UI/UX: Addition of Language switch button in Navbar for new-design

[reach2saksham]

🎨 The UI/UX Update

The website repo contains English (en) and Hindi (hi) versions of the i18n implementation. But the navbar component does not have the functionality to switch between these translations

Current Design Issues

The navbar becomes unfunctional for i18n implementation without the ability to switch.

Proposed Solution

Addition of a dropdown for language selection in the Navbar.

Design Considerations

• Accessibility
• Visual consistency
• User flow/navigation
• Responsive design
• Dark mode support
• Other

[Okd2006]

Hi, I would like to work on this issue.

From my understanding, the repository already contains English (en) and Hindi (hi) translations through the existing i18n setup, but the navbar currently does not provide any way for users to switch between these languages. I would like to implement a language selection dropdown in the navbar that allows users to toggle between the available translations.

My approach would be to integrate the dropdown with the current i18n configuration so that selecting a language dynamically updates the UI text across the navbar and the rest of the site. While implementing this, I will make sure the component remains accessible, visually consistent with the current design, responsive across devices, and compatible with dark mode if enabled.

Please let me know if there are any preferred libraries, patterns, or UI guidelines I should follow before starting the implementation.

[KhushamBansal]

Hi @M4dhav
I would like to work on this issue. Can you assign it to me?

[madhavansingh]

Hi @M4dhav

I would like to work on this issue. I have gone through the requirements and will ensure a clean, minimal, and well-tested implementation following the project guidelines.

Could you please assign this issue to me? Thank you!

[reach2saksham]

Hi @Okd2006 @KhushamBansal @madhavansingh . I have already solved this issue and raised the PR way before.