💡[FEATURE]: Introduce Dark/Light Theme, Scroll-to-Top Button, and Fix Navbar Responsiveness

[AnkitLuhar]

Is your feature request related to a problem? Please describe.

Yes, there are a few issues affecting user experience on the website:

1.The website lacks a dark/light theme toggle, which some users prefer for better visual comfort.

2.The scroll-to-top button is not present, making it difficult for users to return to the top of the page easily.

3.The navbar elements overlap when viewed on screens with a width between 770px and 1050px, causing a poor user experience.

Describe the solution you'd like

1.Dark/Light Theme Toggle:

1.Implement a dark/light theme toggle button, allowing users to switch between themes based on their preference.

2.Ensure the theme switcher is easily accessible and retains user preference across sessions.

2.Scroll-to-Top Button Improvement:

1.Increase the size of the scroll-to-top button to make it more noticeable and user-friendly.

2.Add styling (e.g., color changes, shadows, animations) to enhance its appearance and functionality.

3.Fix Navbar Responsiveness:

1.Adjust the CSS and layout of the navbar to ensure elements do not overlap on screens with a width between 770px and 1050px.

2.Ensure the navbar is fully responsive and maintains a clean layout across all screen sizes.

Describe alternatives you've considered

1.Dark/Light Theme Toggle:

An alternative could be to provide a manual toggle switch within the settings or preferences menu, but this may not be as easily accessible or intuitive for users.

2.Scroll-to-Top Button Improvement:

Another option could be to implement a sticky side button that remains visible as users scroll, but this might interfere with other site elements or content.

3.Fix Navbar Responsiveness:

An alternative solution could be to collapse the navbar into a hamburger menu at a wider screen width, but this may not align with the desired user experience.

Additional context
here are the ScreenShot:

By addressing these issues, we can significantly enhance the overall user experience, providing better visual comfort, improved navigation, and a more responsive design.

Assign this under the Gssoc'24.

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[AnkitLuhar]

@sujaltangde assign this under Gssoc'24 and excited to contribute in your project.

[AnkitLuhar]

@sujaltangde making all this change in the website, the website become user-friendly and provide better user-experience .