Feature Request: Create a better footer

[varunKT001]

Is your feature request related to a problem? Please describe

The current footer is pretty basic:

Create a new footer strictly following the design provided.

You have to follow this design:

Use the following color variables:

	css-variable
Background	--clr-black
Grey text	--clr-grey-7
Brown text	--clr-primary-5

These CSS variables are defined in the src/index.css file. You can use these variables in the components.

Social media icons: You have to use react-icons for the social media icons.

Describe the solution you thought

You may add all the code in the same file, but that would be difficult to maintain.

My suggestions:

1. Add the data for the social media and the links in the src/utils/contants.js file. You can get an idea about what to do by looking at some already added data in the file.
2. Import the values and use them inside the component.

Additional context (if any)

Please make sure that the footer is responsive for all screen sizes

[github-actions[bot]]

Hey @varunKT001 👋, thank you for raising an issue. Please make sure that it is detailed, and also following the provided template.

[Shubham29012001]

Hey @varunKT001, I would like to work on this issue for GSoC'22.

[sagnik2001]

Hey @varunKT001 can I work on this issue under GSSOc 22

[varunKT001]

@Shubham29012001 Go ahead 🚀

@sagnik2001 I'll be creating more issues so stay tuned 🎉 Till then, you can also create some issues if you find something you can improve in TomperWear 😄

[varunKT001]

@Shubham29012001 Any updates on this? I don't think this should take much time. Try to complete it soon, or I'll need to re-assign it to someone else 😕

[Shubham29012001]

Hey @varunKT001, sorry for the delay. I am working on it. It will be ready by tomorrow. Again, I am sorry for the delay.

[varunKT001]

@Shubham29012001 Great, If you are actively working on it, there is no problem, you can take your time. I was just making sure that you are not inactive 😅

[Sameeksha7464]

hey @varunKT001 can I work on this issue? I'm looking for good first issues as I'm a beginner

[varunKT001]

Hey @Sameeksha7464 👋, This issue is already assigned. I'll create some new issues soon, you can look into them. Also, if you find something which could be improved in TomperWear, you can create an issue and work upon it 👍

[Shubham29012001]

Hey @varunKT001, will the below footer work? I am facing an issue while selecting the icons from react-icons.

[varunKT001]

I am facing an issue while selecting the icons from react-icons.

What issues? can you elaborate?

Since the whole project uses react-icons only, I don't think there would be any issue while using it 😕

As I have mentioned in the issue, you can go to the src/utils/contants.js file to see how I have implemented it.

But still, you are facing some issues, you can ping me on the TomperWear discord channel and we'll discuss it there 👍