[New Feature]: Add Floating Social Media Iconbar on homepage

[AsmitaMishra24]

🎮 feature Request

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.

Point down the features

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

Screenshot:

social.mp4

Select program in which you are contributing

GSSoC24

Code of Conduct

• I follow CONTRIBUTING GUIDELINE of this project.

[github-actions]

Hey @AsmitaMishra24! 👋

👉 Thanks for opening this issue. We appreciate your contribution and will look into it as soon as possible.
👉 Don’t forget to star our Dot-Box and Follow Us on GitHub
👉 Make sure you join our Discord, we have created separate channels for all projects

[AsmitaMishra24]

@ayush-t02, please assign me this issue

[AsmitaMishra24]

[github-actions]

Thank you for your contribution! If you have any questions or need further assistance, feel free to reach out to us on our Discord server: Discord. We have separate channels for all projects. Happy coding! 🚀

Connect with us on social media:

• GitHub: ChromeGaming
• LinkedIn: ChromeGaming
• Instagram: @chromegamingon