🐞Bug: Social media icons not visible in footer

[DON2604]

Description

Issue Description

The social links provided in the footer of our website are not functioning as expected. Currently, they are only visible when the user hovers over them, and even when clicked, they do not redirect users to their respective social media profiles.

Issue Details

• Visibility: As of now, the social links in the footer are only visible when the user hovers over them. This behaviour is non-intuitive and can confuse users who expect to see direct links to our social media profiles without any additional interaction.

• Non-Functional Links: When users click on the social media icons in the footer, they are not redirected to the respective social media profiles. This renders the links essentially non-functional and fails to provide users with a seamless way to connect with us on social media.

Expected Behavior

• The social links in the footer should be directly visible without requiring any user interaction such as hovering.
• Clicking on these links should seamlessly redirect users to the corresponding social media profiles.

Steps to Reproduce

1. Visit the website's homepage.
2. Scroll to the bottom of the page to locate the footer section.
3. Observe that the social media icons (e.g., Twitter, Github, Contact Us) are not visible until the mouse is hovered over them.
4. Click on any of the social media icons in the footer.
5. Note that there is no redirection to the respective social media profiles.

Proposed Solution

To resolve this issue, we should make the social media links directly visible in the footer without requiring any user interaction. Additionally, we must ensure that clicking these links redirects users to the correct social media profiles.

Issue Creator

Mrinmay Das

Screenshots

Browser 🥦

Google Chrome

Checklist ✅

• I checked and didn't find similar issue
• I have read the Contributing Guidelines
• I am willing to work on this issue (blank for no).

[github-actions]

Hello @DON2604, thank you for raising the issue.

Currently, the issue is marked as https://github.com/MilanCommunity/Milan/labels/%F0%9F%91%B7%F0%9F%8F%BB%E2%80%8D%E2%99%82%EF%B8%8F%20status%3A%20awaiting%20triage which means that work for this issue is on hold and we are waiting for the maintainers/owner to review it and provide you with feedback/suggestions to proceed further.

Feel free to reach out to Tamal on Twitter, or drop a mail at tamalcodes@gmail.com if you think that this issue is of critical priority.

Give us a ⭐ to show some support
Happy OpenSource 🚀

[tamalCodes]

Hi @DON2604 , you can start working on the issue, assigning it to you 🚀

📑 Checklist in case you missed something

• Local project setup, .env for the frontend.
• Contributing guidelines to be followed.

Please maintain structure, use conventional pull request titles, and avoid spam to avoid closure or bans.