[Feat] improving UI design of team page

[Pushpa472]

Description

1. I would like to enhance the UI design of the team page to improve its visual appeal and user experience. Also, I would suggest adding a footer section to give easy access to essential links and information.
2. Remove extra space in the footer section across all pages for a cleaner look.
3. Add a logo and footer section to the About page for consistency.
4. Improve the UI design of the contribution page to enhance user experience.
5. Implement a scroll-up button for easy navigation, if desired. Please let me know if I can proceed with these updates or if there are any specific design guidelines to follow.

Screenshots

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I'm a GSSoC'24-Extd contributor
• [X] I'm a Hacktoberfest'24 contributor
• [X] I am willing to work on this issue (optional)

[github-actions[bot]]

👋 Thank you @Pushpa472 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned! If you need further assistance or want to join the conversation, feel free to join our Discord server: Discord Link

[Pushpa472]

@swarooppatilx I need help, I am unable to run the project, without connecting db frontend will not run

[swarooppatilx]

@swarooppatilx I need help, I am unable to run the project, without connecting db frontend will not run

refer to .env.example and add those variables in your .env, you need to setup mongodb and cloudinary for this

[Pushpa472]

@swarooppatilx where i will get session_secret, i add all information in evn file, it should necessary to new evn file, but still not run

[swarooppatilx]

@swarooppatilx where i will get session_secret, i add all information in evn file, it should necessary to new evn file, but still not run

you have placeholder values at db_username and password

[Pushpa472]

@swarooppatilx i connect database but whatever I try to make changes in UI design but not apply it, in both file footer.tsx and footer.ejs, something where I make mistake. plz tell me i want to work ..

[swarooppatilx]

@swarooppatilx i connect database but whatever I try to make changes in UI design but not apply it, in both file footer.tsx and footer.ejs, something where I make mistake. plz tell me i want to work ..

You are making changes to footer.tsx, which is part of the Next.js site (running on port 3000), and have run a script for the Express.js server (running on port 8080) thats the reason why changes are not visible

[Pushpa472]

@swarooppatilx i run it but show site can't reach, in one terminal run npm test and other terminal run npm start then also not show this, even i run npm start then show site can't reach should i close mongodb altas website. then what i should do, what i should open for editing ui design

[swarooppatilx]

@swarooppatilx i run it but show site can't reach, in one terminal run npm test and other terminal run npm start then also not show this, even i run npm start then show site can't reach should i close mongodb altas website. then what i should do, what i should open for editing ui design

start with beginner friendly issues, I think you have not understood the project structure

[Pushpa472]

@swarooppatilx I understand

[AE-Hertz]

@swarooppatilx can I work on this?

[Pushpa472]

@AE-Hertz I am working