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!

[dhananjay6561]

Hey @krishikajain28 👋 — thanks so much for contributing to the project, really appreciate it!

Your PR looks great and has been marked for merging. Here's a quick note from the reviewer:

Real bug fix — hover was text-gray-500 on text-gray-500 base (no-op). Now text-gray-900.

We'll get this merged in soon. Keep the great work coming! 🚀

[Copilot]

Pull request overview

Updates footer social icon link styling so icons darken on hover, matching the hover behavior of the footer text links.

Changes:

• Changed footer social links from hover:text-gray-500 to hover:text-gray-900.
• Added duration-300 to smooth the hover color transition on social icons.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

There’s an extra blank line containing whitespace inside the <Link> before the <Image>; this adds trailing whitespace/noise and may trip formatting/lint rules. Please remove the whitespace-only line.

Suggested change

[Copilot]

There’s an extra whitespace-only line at the start of the social links container. Please remove the blank line to keep the JSX clean and avoid trailing whitespace.

Suggested change