From 4ce4360c5a1c3435e5cdea2fdf7b128e2151e5f5 Mon Sep 17 00:00:00 2001
From: minahil saqib <mao@minahils-MacBook-Air.local>
Date: Fri, 23 Oct 2026 15:47:02 +1300
Subject: [PATCH] Add social links to About page footer

---
 client/src/pages/About.tsx | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/client/src/pages/About.tsx b/client/src/pages/About.tsx
index be4ebba..4a0b17e 100644
--- a/client/src/pages/About.tsx
+++ b/client/src/pages/About.tsx
@@ -172,34 +172,33 @@ export default function About() {
               <Link to="/Contact">Contact Us</Link>
             </nav>
             <div className="relative inline-block">
-  <img src={socialIcons} alt="" className="block h-10 w-auto" />
+  <img
+    src={socialIcons}
+    alt=""
+    className="block h-10 w-auto"
+    style={{ clipPath: "inset(0 33.33% 0 0)" }}
+  />
 
-  {/* invisible links laid over each third of the image */}
+  {/* invisible links laid over each of the two remaining icons */}
+  {/* TODO: confirm these are UMSA's real accounts */}
   <a
-    href="#"
-    aria-label="Facebook"
+    href="https://www.facebook.com/umsanz/"
+    aria-label="UMSA on Facebook"
     target="_blank"
     rel="noopener noreferrer"
     className="absolute left-0 top-0 h-full w-1/3"
   />
   <a
-    href="#"
-    aria-label="Instagram"
+    href="https://www.instagram.com/umsanz/"
+    aria-label="UMSA on Instagram"
     target="_blank"
     rel="noopener noreferrer"
     className="absolute left-1/3 top-0 h-full w-1/3"
   />
-  <a
-    href="#"
-    aria-label="Twitter"
-    target="_blank"
-    rel="noopener noreferrer"
-    className="absolute left-2/3 top-0 h-full w-1/3"
-  />
 </div>
           </div>
         </div>
       </div>
     </div>
   );
-}
+}
\ No newline at end of file