fix: aria social

kscalelabs · Dec 14, 2024 · c12f8a8 · c12f8a8
1 parent 585945b
commit c12f8a8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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 (