diff --git a/about.html b/about.html
index e441728..2a88acc 100644
--- a/about.html
+++ b/about.html
@@ -20,6 +20,9 @@
     <link rel="stylesheet" href="index.css">
     <link rel="stylesheet" href="navbar.css">
     <link rel="stylesheet" href="why-us.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
+
     <script src="chatbot.js"></script>
 </head>
 <style>
@@ -544,14 +547,14 @@ <h1>About Us 🚀</h1>
             <a href="#"> <img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
             <p style="color: #b5fdf4;" >Affordable adventures, unforgettable memories—explore with ease.</p>
             <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
-            <div class="social-icons">
-              <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-              <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com"><i class="fab fa-twitter"></i></a>
-              <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-              <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-          </div>
-          
+           <div class="social-links">
+    <a href="#"><i class="fa-brands fa-facebook"></i></a>
+    <a href="#"><i class="fa-brands fa-instagram"></i></a>
+    <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+    <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+    <a href="#"><i class="fa-brands fa-youtube"></i></a>
+</div>
+
           </div>
       
           
diff --git a/buy.html b/buy.html
index e9d7627..e500600 100644
--- a/buy.html
+++ b/buy.html
@@ -725,12 +725,12 @@ <h3>${type === 'bus' ? ticket.busName : 'Train Number: ' + ticket.trainNumber}</
           <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
           <!-- Social Media Icons -->
           <div class="social-icons">
-            <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-              <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-              <a href="https://www.twitter.com" ><i class="fab fa-x-twitter"></i></a>
-              <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-              <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-          </div>
+            <a href="#"><i class="fa-brands fa-facebook"></i></a>
+            <a href="#"><i class="fa-brands fa-instagram"></i></a>
+            <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+            <a href="#"><i class="fa-brands fa-youtube"></i></a>
+        </div>
         </div>
 
         <!-- Links Sections -->
diff --git a/contactus.html b/contactus.html
index 652d28e..aa7b81e 100644
--- a/contactus.html
+++ b/contactus.html
@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Contact Us - Trainline</title>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
+
     <style>
 
 /* cursor animation  */
@@ -444,20 +446,19 @@ <h1>Contact Us</h1>
     <footer class="footer-container">
       <div class="footer-top">
 <footer>
-  
-    <div class="footer-container">
-        <div class="footer-logo-section">
-            <a href="#"><img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
-            <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
-            <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
-            <div class="social-icons">
-                <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-                <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-                <a href="https://www.twitter.com"><i class="fa-brands fa-x-twitter"></i></a>
-                <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-                <a href="https://www.youtube.com"><i class="fab fa-youtube"></i></a>
-            </div>
-        </div>
+<div class="footer-logo-section">
+    <a href="#"><img src="./images/3.jpeg" alt="easyJet holidays logo" class="footer-logo"></a>
+    <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
+    <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
+    <div class="social-icons">
+        <a href="#"><i class="fa-brands fa-facebook"></i></a>
+        <a href="#"><i class="fa-brands fa-instagram"></i></a>
+        <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+        <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+        <a href="#"><i class="fa-brands fa-youtube"></i></a>
+    </div>
+</div>
+
 
 
         <div class="footer-links">
diff --git a/contributor.html b/contributor.html
index 0153a5b..d552889 100644
--- a/contributor.html
+++ b/contributor.html
@@ -304,12 +304,12 @@ <h2>Meet Our Contributors</h2>
         <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
         
         <div class="social-icons">
-          <a href="https://www.facebook.com"><i class="fab fa-facebook"></i></a>
-          <a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
-          <a href="https://www.twitter.com" ><i class="fa-brands fa-x-twitter"></i></a>
-          <a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
-          <a href="#"><i class="fab fa-youtube"></i></a>
-        </div>
+          <a href="#"><i class="fa-brands fa-facebook"></i></a>
+          <a href="#"><i class="fa-brands fa-instagram"></i></a>
+          <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
+          <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+          <a href="#"><i class="fa-brands fa-youtube"></i></a>
+      </div>
       </div>
     
       <div class="footer-links">
diff --git a/footer.css b/footer.css
index 2a9d283..78c8f19 100644
--- a/footer.css
+++ b/footer.css
@@ -28,14 +28,26 @@
 
 /* Social Media Icons */
 .social-icons a {
-  display: inline-block;
-  margin: 0 10px;
-  color: #12e9cc;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  background-color: transparent;
+  border: 0.2rem solid #26c9bb;
   font-size: 1.5rem;
+  border-radius: 50%;
+  margin: 3rem 1.5rem 3rem 0;
+  transition: 0.3s ease;
+  color: #26c9bb;
   text-decoration: none;
 }
+
 .social-icons a:hover {
-  color: #76b2ab;
+  color: black;
+  transform: scale(1.3) translateY(-5px);
+  background-color: #26c9bb;
+  box-shadow: 0 0 25px #26c9bb;
 }
 
 /* Footer Link Sections */
diff --git a/index.html b/index.html
index 11e6c78..ee1df4f 100644
--- a/index.html
+++ b/index.html
@@ -1291,11 +1291,11 @@ <h2>We Value Your Feedback!</h2>
                 <p style="color: #b5fdf4;">Affordable adventures, unforgettable memories—explore with ease.</p>
                 <p style="color: #dcfffa;" class="follow-us">FOLLOW US ON HERE:</p>
                 <div class="social-icons">
-                    <a href="#"><i class="fab fa-facebook"></i></a>
-                    <a href="#"><i class="fab fa-instagram"></i></a>
+                    <a href="#"><i class="fa-brands fa-facebook"></i></a>
+                    <a href="#"><i class="fa-brands fa-instagram"></i></a>
                     <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
-                    <a href="#"><i class="fab fa-linkedin"></i></a>
-                    <a href="#"><i class="fab fa-youtube"></i></a>
+                    <a href="#"><i class="fa-brands fa-linkedin"></i></a>
+                    <a href="#"><i class="fa-brands fa-youtube"></i></a>
                 </div>
                 <button id="visitorCounter" class="btn btn-info text-white rounded">Visitors Count: 1</button>
             </div>