updating the footer section of the social icon

Mujtabaa07 · Jan 18, 2025 · 0836b95 · 0836b95
1 parent f25316e
commit 0836b95
Showing 1 changed file with 18 additions and 7 deletions.
diff --git a/src/componets/footer.js b/src/componets/footer.js
@@ -152,29 +152,38 @@ function Footer() {
       <FooterContent>
         {/* Social Icons */}
         <SocialIcons>
+
           <SocialIcon
             href="https://facebook.com"
             target="_blank"
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
-            aria-label="Facebook"
-          >
+            aria-label="Facebook">
             <i className="fab fa-facebook-f"></i> {/* Facebook icon */}
           </SocialIcon>
+
           <SocialIcon
             href="https://linkedin.com"
             target="_blank"
             rel="noopener noreferrer"
             whileHover={{ scale: 1.2 }}
             aria-label="LinkedIn"
-            role="link"
-          >
+            role="link">
+          <i className="fab fa-linkedin-in"></i>  {/* LinkedIn icon */}
+          </SocialIcon>
 
-            <i className="fab fa-twitter"></i> {/* Updated Twitter icon */}
+          <SocialIcon
+            href="https://linkedin.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            whileHover={{ scale: 1.2 }}
+            aria-label="LinkedIn"
+            role="link">
+            <i className="fab fa-twitter"></i>  {/* Twitter icon */}
+          </SocialIcon>
 
-            <i className="fab fa-linkedin-in"></i> {/* LinkedIn icon */}
+
 
-          </SocialIcon>
           <SocialIcon
             href="https://instagram.com"
             target="_blank"
@@ -184,6 +193,7 @@ function Footer() {
           >
             <i className="fab fa-instagram"></i> {/* Instagram icon */}
           </SocialIcon>
+
           <SocialIcon
             href="https://github.com/Mujtabaa07/coffeeShop"
             target="_blank"
@@ -194,6 +204,7 @@ function Footer() {
           >
             <i className="fab fa-github"></i> {/* GitHub icon */}
           </SocialIcon>
+
         </SocialIcons>
 
         {/* Divider */}