Enhance Home Page Layout to Improve Responsiveness

[manu-hn]

The current home page layout seems to cover only about 70-80% of the screen width. To improve the design and responsiveness, the following enhancements are suggested:

1. The navigation bar should span 100% of the screen width for a more uniform look across different devices.
2. The footer should be fixed at the bottom of the page to ensure better alignment and consistency. Additionally, we can explore and implement some extra features to further improve the overall user experience as we dive deeper into the design.

Assign me this I will work on this issue

[anuj123upadhyay]

ok sure , i will assign this issue to resolve these problems

[anuj123upadhyay]

create separate branch for the issues

[manu-hn]

@anuj123upadhyay Thank you for assigning this issue to me! As I came across this repository through GirlScript Summer of Code (GSSoC), could you please add the GSSoC label and appropriate level tags to this issue?

[inkerton]

This is still a basic design I was working on the project and just couldn't work with how bad the home page UI was. @anuj123upadhyay @manu-hn You can take this up a notch I used shadcn you may use any other library to enhance the page layout more.

and @anuj123upadhyay can you please add the level tag to the issue.

[manu-hn]

@inkerton Thank you for the suggestion. Currently, I am focused on the responsiveness and will try to raise a new issue for a better UI design within a few days.

[manu-hn]

Hey @anuj123upadhyay I have raised a PR where I implemented responsiveness and added PropTypes to core pages and components. Please take a moment to verify it. Moving forward, I will be focusing on enhancing the UI for a better user experience. Please check and verify it at your earliest convenience.

[inkerton]

@anuj123upadhyay Kindly add a level3 or level2 tag here as I have not gotten any points for This PR.