Fix/more designer changes

app/(pages)/(index-page)/about-us/_components/About/Components/AnimalCard.module.scss

@@ -22,7 +22,7 @@
 .text {
     color: #123041;
     font-family: 'Metropolis';
-    font-size: 14px;
+    font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%; /* 21px */

app/(pages)/(index-page)/about-us/_components/Hello/Hello.module.scss

@@ -34,24 +34,23 @@ $tablet-breakpoint: 768px;
     }
 
     h1{
-        color: #FFF;
+        color: #123041;
         font-family: Metropolis;
-        font-size: 110.095px;
+        font-size: 64px;
         font-style: normal;
         font-weight: 700;
         line-height: 111.5%; /* 122.755px */
         letter-spacing: 2.202px;
-
         @media (max-width: $tablet-breakpoint) {
             font-size: 48px;
         }
     }
     p{
-        color: #FFF;
+        color: #123041;
         font-family: Metropolis;
-        font-size: 28px;
+        font-size: 24px;
         font-style: normal;
-        font-weight: 600;
+        font-weight: 500;
         line-height: 150%; /* 42px */
         letter-spacing: 0.56px;
 

app/(pages)/(index-page)/about-us/_components/OurTeam/OurTeam.module.scss

@@ -42,7 +42,7 @@ $bg-color: #FFFFFF;
                 font-family: Metropolis;
                 font-size: 16px;
                 font-style: normal;
-                font-weight: 600;
+                font-weight: 400;
                 line-height: 150%; /* 24px */
                 letter-spacing: 0.32px;
             }

app/(pages)/(index-page)/about-us/_components/RegisterNow/RegisterNow.module.scss

@@ -5,7 +5,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    background: #E5EEF1;
+    background: linear-gradient(to bottom, #005271, #122637);
     height: 458px;
     padding: 12%;
 
@@ -59,7 +59,7 @@
         width: 28%;
 
         .text {
-            color: #123041;
+            color: #FFFFFF;
             font-family: Metropolis;
             font-size: 48px;
             font-style: normal;

app/(pages)/(index-page)/about-us/_components/Sponsor/Sponsor.module.scss

@@ -10,7 +10,6 @@
   position: relative;
   overflow: hidden;
   gap: 88px;
-
 }
 
 .content {

app/(pages)/_components/Navbar/Navbar.module.scss

@@ -149,7 +149,10 @@ $mobile-breakpoint: 425px;
         width: 100%; // Extend the underline across the full width on hover/focus
     }
 
-
+    .linkArrow {
+        width: 14px;
+        height: 14px;
+    }
 }
 
 

app/(pages)/_components/Navbar/Navbar.tsx

@@ -98,7 +98,7 @@ export default function Navbar({ navLinks }: { navLinks: NavLink[] }) {
               />
             </Link>
           </li>
-          {navLinks.map((link) => (
+          {navLinks.map((link, index) => (
             <li key={link.name} className={styles.wordsItem}>
               <Link
                 href={link.slug}
@@ -110,7 +110,20 @@ export default function Navbar({ navLinks }: { navLinks: NavLink[] }) {
                     active ? styles.navLink_active : ''
                   }`}
                 >
-                  {link.name}
+                  {index !== navLinks.length - 1 && link.name}
+
+                  {index === navLinks.length - 1 && (
+                    <div className="tw-flex tw-gap-2">
+                      {link.name}
+                      <Image
+                        src="/navbar/upRightArrow.png"
+                        alt="link arrow"
+                        width={14}
+                        height={14}
+                        className={styles.linkArrow}
+                      />
+                    </div>
+                  )}
                 </span>
               </Link>
             </li>