Add Hover Effects to Footer Navigation Links & "Join on GitHub" Header Button

[RAJVEER42]

📝 Feature Request: Add Hover Effects to Footer Navigation Links & "Join on GitHub" Header Button
❓ Is your feature request related to a problem?
Yes. The footer navigation links (Home, About, Contact) and the "Join on GitHub" button in the top-right header currently lack interactive visual feedback. This may reduce engagement and make them appear non-interactive, especially to new users.

✅ Describe the solution you'd like
Apply hover effects to both sets of interactive elements:

🔻 Footer Links (Home, About, Contact)
🔘 Underline or animate text on hover

🎨 Change color to theme accent or lighter shade

🖱 Add cursor: pointer

css

.footer-link {
transition: color 0.3s ease, text-decoration 0.3s ease;
color: #555;
text-decoration: none;
}
.footer-link:hover {
color: #673ab7; /* Theme accent */
text-decoration: underline;
cursor: pointer;
}
🔺 Header Link: Join on GitHub
💫 Add scale or slight color change on hover

🔗 Indicate it's clickable (hover pointer)

css

.header-join-btn {
transition: transform 0.2s ease, background-color 0.2s ease;
}
.header-join-btn:hover {
transform: scale(1.05);
background-color: #333; /* Or GitHub color if themed */
color: white;
cursor: pointer;
}
🔁 Describe alternatives you've considered
Keeping current static state (but this reduces UX quality)

Adding hover only to GitHub link (but for consistency and completeness, footer links should be interactive too)

📎 Additional Context
Adding hover effects ensures:

✅ Improved accessibility and usability

✨ Visual responsiveness across the site

🔄 Consistent UI feedback across all clickable elements

🙋‍♂️ I'd love to contribute!
💡 Please assign this issue to me.
I’d be happy to implement and preview these enhancements in a pull request.

Thanks! 😊