add twitter and gitub native colours while hovering

abhayybhatt · Jan 20, 2025 · cc1c71f · cc1c71f
1 parent cbae591
commit cc1c71f
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/componets/footer.js b/src/componets/footer.js
@@ -130,6 +130,10 @@ const SocialIcon = styled(motion.a)`
     color: #0077b5; /* LinkedIn Blue */
   }
 
+  &[href*="github.com"]:hover {
+    color: #1C2025; /* GitHub Black */
+  }
+
   @media (max-width: 768px) {
     font-size: 1.3rem;
   }
@@ -173,11 +177,11 @@ function Footer() {
           </SocialIcon>
 
           <SocialIcon
-            href="https://linkedin.com"
+            href="https://twitter.com"
             target="_blank"
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
-            aria-label="LinkedIn"
+            aria-label="Twitter"
             role="link">
             <i className="fab fa-twitter"></i>  {/* Twitter icon */}
           </SocialIcon>