From 7f346c4d74f4dd101b0b02c5aa7f76b197596ac9 Mon Sep 17 00:00:00 2001
From: Ahmad Rashid Akhtar <ahmadrashidakhtar@gmail.com>
Date: Thu, 18 Jul 2024 19:22:48 -0700
Subject: [PATCH] link added and color of link changed

---
 src/components/join-us-tab/join-us-tab-data.tsx | 16 ++++++++++++++--
 src/components/join-us-tab/join-us-tab.scss     |  7 +++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/join-us-tab/join-us-tab-data.tsx b/src/components/join-us-tab/join-us-tab-data.tsx
index 1fd4fd6..7277e86 100644
--- a/src/components/join-us-tab/join-us-tab-data.tsx
+++ b/src/components/join-us-tab/join-us-tab-data.tsx
@@ -1,8 +1,20 @@
+import Link from 'next/link';
+
 export const volunteerTabData = [
   {
     title: 'Tell Us About Yourself',
-    description:
-      'Fill out our 2 minute form so we can help match you with opportunities.',
+    description: (
+      <span className="volunteer-tab__item-text">
+        Fill out our{' '}
+        <Link
+          className="volunteer-tab__item-text volunteer-tab__item-text--link"
+          href="https://tally.so/embed/3jMe1x"
+        >
+          2 minute form
+        </Link>{' '}
+        so we can help match you with opportunities.
+      </span>
+    ),
   },
   {
     title: 'Onboarding',
diff --git a/src/components/join-us-tab/join-us-tab.scss b/src/components/join-us-tab/join-us-tab.scss
index 74b04f1..6769b00 100644
--- a/src/components/join-us-tab/join-us-tab.scss
+++ b/src/components/join-us-tab/join-us-tab.scss
@@ -187,6 +187,13 @@
       font-size: 1rem;
       line-height: 24px;
     }
+
+    &--link,
+    &--link:visited,
+    &--link:link {
+      color: $alt-text-color-primary;
+      cursor: pointer;
+    }
   }
 }