[Feature Request]: Add Floating Social Media Iconbar

[AsmitaMishra24]

Is there an existing issue for this?

• [X] I have searched the existing issues

Feature Description

I want to add a floating social media icon bar to the homepage of our website to improve user engagement by providing easy access to our social media profiles.

Requirements

1. Position: The icon bar should be positioned on the left side of the screen.
2. Visibility: The bar should remain visible when the user scrolls up and down the home screen.
3. Icons: Include icons for Facebook, Twitter, Instagram, LinkedIn, and YouTube.
4. Links: Each icon should link to the corresponding social media profile.
5. Responsive Design: The icon bar should be responsive and should adjust to different screen sizes (desktop, tablet, mobile).
6. Hover Effect: When a user hovers over an icon, it should display the name of the social media platform.
7. Accessibility: Ensure the icon bar is accessible and follows best practices for screen readers.

Use Case

1. Increased Social Media Engagement
2. Enhanced User Experience
3. Brand Visibility
4. Content Sharing
5. Customer Support and Feedback

Benefits

No response

Add ScreenShots

https://github.com/AbhiDiva96/75per/assets/146121869/52f895bf-c6c2-4713-9612-58a2195ebc0b

Priority

High

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24 contributor
• [X] I have starred the repository

[github-actions[bot]]

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.