From c12f8a846cdbb0a679274554331bed095fbe0a10 Mon Sep 17 00:00:00 2001
From: nethen <72537484+nethen@users.noreply.github.com>
Date: Sat, 14 Dec 2024 04:17:29 -0800
Subject: [PATCH] fix: aria social

---
 src/components/footer/footer.tsx   | 16 ++++++++++------
 src/components/util/interfaces.tsx |  1 +
 src/landing/Sponsors.tsx           |  6 +++---
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx
index 9cbb93e..1318666 100644
--- a/src/components/footer/footer.tsx
+++ b/src/components/footer/footer.tsx
@@ -12,10 +12,10 @@ const socialMediaSvgs: JSX.Element[] = [
   <Github key={"github"} />,
 ];
 
-const socialMediaLinks: string[] = [
-  "https://discord.gg/kscale",
-  "https://x.com/kscalelabs",
-  "https://github.com/kscalelabs",
+const socialMediaLinks: { linkURL: string; name: string }[] = [
+  { linkURL: "https://discord.gg/kscale", name: "Discord" },
+  { linkURL: "https://x.com/kscalelabs", name: "Twitter" },
+  { linkURL: "https://github.com/kscalelabs", name: "Github" },
 ];
 
 export interface FooterSectionListProps {
@@ -99,9 +99,13 @@ export default function Footer() {
           "col-span-full sm:col-span-2 md:col-span-3 5xl:col-span-2 flex flex-row gap-4 mb-8"
         }
       >
-        {socialMediaLinks.map((link: string, index: number) => (
+        {socialMediaLinks.map((link, index) => (
           <li className={"list-none"} key={index}>
-            <SocialMediaItem linkURL={link} iconSvg={socialMediaSvgs[index]} />
+            <SocialMediaItem
+              linkURL={link.linkURL}
+              iconSvg={socialMediaSvgs[index]}
+              name={link.name}
+            />
           </li>
         ))}
       </ul>
diff --git a/src/components/util/interfaces.tsx b/src/components/util/interfaces.tsx
index de12fcb..5a47dfe 100644
--- a/src/components/util/interfaces.tsx
+++ b/src/components/util/interfaces.tsx
@@ -3,6 +3,7 @@ import { Dispatch, JSX, SetStateAction } from "react";
 export interface SocialMediaItemProps {
   linkURL: string;
   iconSvg: JSX.Element;
+  name: string;
 }
 
 export interface ExpressiveArrowProps {
diff --git a/src/landing/Sponsors.tsx b/src/landing/Sponsors.tsx
index 357e43e..f8468cc 100644
--- a/src/landing/Sponsors.tsx
+++ b/src/landing/Sponsors.tsx
@@ -63,9 +63,9 @@ const Sponsors = () => {
         " w1440:pt-16 w1024:pt-12 w640:pt-10 pt-8 sponsors"
       }
     >
-      <h4
-        className={"font-normal font-planar text-foreground "}
-      >{`Backed by the industry's best`}</h4>
+      <h2
+        className={"font-normal font-planar text-foreground text-heading-sm "}
+      >{`Backed by the industry's best`}</h2>
       <Marquee className={""}>
         {SvgChildren.map((sponsor, index) => {
           return (