fix(ui): update footer social icons to darken on hover

[krishikajain28]

Description

I noticed that the social media icons in the footer (Twitter, GitHub, etc.) were staying gray when hovered over, but the text links were turning black.

I updated the classes to hover:text-gray-900 transition-colors duration-300 so the icons now darken on hover, matching the rest of the footer links.

Type of Change

• Bug fix (UI consistency)

Testing

• Verified on local dev environment (localhost:3000/blog).
• Hovering over icons now correctly changes their color to black.
• Checked mobile view to ensure no layout breakage.

Demo

Checklist

• My code follows the style guidelines
• I have performed a self-review
• Tested locally

[kilo-code-bot]

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Overview

This PR improves the footer's social media link hover states by:

• Changing hover color from text-gray-500 to text-gray-900 (provides actual visual feedback on hover)
• Adding duration-300 for smoother transition animations

The changes are straightforward CSS improvements with no functional impact.

Files Reviewed (1 file)

• components/footer.tsx - CSS hover state improvements for social links

[dhananjay6561]

Hi @krishikajain28
Thanks for the PR and for spotting this!
The change fixes a very minor UI issue. Since the scope of this PR is quite small, we’d recommend exploring a slightly broader improvement or addressing a larger issue and including this fix as part of that update.

Looking forward to seeing more from you!