From 9dca6e8ef1da9a5fb4fd7b178bd8f4b6559117bc Mon Sep 17 00:00:00 2001
From: Hannah <76073097+hannahouazzane@users.noreply.github.com>
Date: Fri, 6 Sep 2024 16:41:42 +0100
Subject: [PATCH] feat: add tribe bluesky link

---
 src/pages/contact-us.js | 41 ++++++++++++++++++++++++++++++++---------
 static/blueSkyLogo.svg  |  4 ++++
 2 files changed, 36 insertions(+), 9 deletions(-)
 create mode 100644 static/blueSkyLogo.svg

diff --git a/src/pages/contact-us.js b/src/pages/contact-us.js
index a6338d68..0349d4f6 100644
--- a/src/pages/contact-us.js
+++ b/src/pages/contact-us.js
@@ -51,23 +51,32 @@ const ContactUs = () => (
 
     <ConstrainedWidth>
       <Text size="normal" color="black" maxCharacter="49ch">
-        <p>
-          Follow us on {''}
+        <span>
+          Follow us on{' '}
           <a
-            className="linkedin-link"
+            className="social-media-link"
             target="_blank"
             href="https://www.linkedin.com/company/neontribe-ltd/"
             rel="noopener noreferrer"
           >
-            LinkedIn.
+            LinkedIn
+          </a>{' '}
+          and{' '}
+          <a
+            className="social-media-link"
+            target="_blank"
+            href="https://bsky.app/profile/neontribe.bsky.social"
+            rel="noopener noreferrer"
+          >
+            BlueSky
           </a>
-        </p>
+        </span>
       </Text>
 
       <div className="social-media-container">
         <div className="social-media-labels">
           <a
-            className="linkedin-logo"
+            className="social-media-logo"
             target="_blank"
             href="https://www.linkedin.com/company/neontribe-ltd/"
             rel="noopener noreferrer"
@@ -79,6 +88,20 @@ const ContactUs = () => (
               alt="Navigates to Neontribe's LinkedIn page"
             />
           </a>
+
+          <a
+            className="social-media-logo"
+            target="_blank"
+            href="https://bsky.app/profile/neontribe.bsky.social"
+            rel="noopener noreferrer"
+          >
+            <img
+              src="/blueSkyLogo.svg"
+              height={60}
+              width={70}
+              alt="Navigates to Neontribe's BlueSky page"
+            />
+          </a>
         </div>
       </div>
 
@@ -162,16 +185,16 @@ const ContactUs = () => (
         align-items: center;
       }
 
-      .linkedin-link {
+      .social-media-link {
         color: ${c_NEON_PURPLE};
         text-decoration: underline;
       }
 
-      .linkedin-link:hover {
+      .social-media-link:hover {
         color: ${c_NAV_ACTIVE};
       }
 
-      .linkedin-logo:focus {
+      .social-media-logo:focus {
         outline-color: ${c_NEON_PURPLE};
       }
 
diff --git a/static/blueSkyLogo.svg b/static/blueSkyLogo.svg
new file mode 100644
index 00000000..c71e2018
--- /dev/null
+++ b/static/blueSkyLogo.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="600" height="530" version="1.1" xmlns="http://www.w3.org/2000/svg">
+ <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="#1185fe"/>
+</svg>