hackclub · May 24, 2026
diff --git a/‎components/Footer.tsx‎
Lines changed: 33 additions & 29 deletionsions b/‎components/Footer.tsx‎
Lines changed: 33 additions & 29 deletionsions
@@ -50,8 +50,8 @@ const icons = [
 
 const sha = process.env.NEXT_PUBLIC_COMMIT_SHA ?? "dev";
 
-function ext(href: string) {
-  return href.startsWith("http") || href.startsWith("mailto:");
+function isExternal(href: string) {
+  return href.startsWith("http");
 }
 
 function LinkCol({ title, links }: { title: string; links: { label: string; href: string }[] }) {
@@ -68,21 +68,21 @@ function LinkCol({ title, links }: { title: string; links: { label: string; href
           gap: 14,
         }}
       >gt;
-        {links.map((link) =>gt; (
-          li key={link.label}>gt;
-            {ext(link.href) ? (
+        {links.map((l) =>gt; (
+          li key={l.label}>gt;
+            {isExternal(l.href) ? (
               a
-                href={link.href}
+                href={l.href}
                 target="_blank"
                 rel="noopener noreferrer"
                 className="footer-link"
                 style={footerLinkStyles}
               >gt;
-                {link.label}
+                {l.label}
               a>gt;
             ) : (
-              Link href={link.href} className="footer-link" style={footerLinkStyles}>gt;
-                {link.label}
+              Link href={l.href} className="footer-link" style={footerLinkStyles}>gt;
+                {l.label}
               Link>gt;
             )}
           li>gt;
@@ -93,6 +93,8 @@ function LinkCol({ title, links }: { title: string; links: { label: string; href
 }
 
 export function Footer() {
+  const year = new Date().getFullYear();
+
   return (
     footer
       className="site-footer"
@@ -112,10 +114,9 @@ export function Footer() {
       Image
         className="site-footer-illustration"
         src="/assets/footer.webp"
-        alt="footer illustration"
-        loading="lazy"
-        width={2048}
-        height={1680}
+        alt=""
+        width={680}
+        height={558}
         style={{
           position: "absolute",
           right: 0,
@@ -144,13 +145,15 @@ export function Footer() {
           style={{ display: "flex", flexDirection: "column", gap: 0, flexShrink: 0, width: 280 }}
         >gt;
           div style={{ marginBottom: 28 }}>gt;
-            Image
-              src="/assets/hackClubFlag.svg"
-              alt="Hack Club"
-              width={200}
-              height={70}
-              style={{ display: "block", objectFit: "contain" }}
-            />gt;
+            Link href="/">gt;
+              Image
+                src="/assets/hackClubFlag.svg"
+                alt="Hack Club"
+                width={200}
+                height={70}
+                style={{ display: "block", objectFit: "contain" }}
+              />gt;
+            Link>gt;
           div>gt;
           p
             style={{
@@ -166,6 +169,7 @@ export function Footer() {
           p>gt;
           a
             href="tel:18556254225"
+            aria-label="Call Hack Club toll-free at 1-855-625-4225"
             style={{
               fontWeight: 400,
               fontSize: 20,
@@ -180,13 +184,13 @@ export function Footer() {
             1-855-625-HACK (call toll-free)
           a>gt;
           div style={{ display: "flex", gap: 12 }}>gt;
-            {icons.map((icon) =>gt; (
+            {icons.map((i) =>gt; (
               a
-                key={icon.label}
-                href={icon.href}
-                target={ext(icon.href) ? "_blank" : undefined}
-                rel={ext(icon.href) ? "noopener noreferrer" : undefined}
-                aria-label={icon.label}
+                key={i.label}
+                href={i.href}
+                target={isExternal(i.href) ? "_blank" : undefined}
+                rel={isExternal(i.href) ? "noopener noreferrer" : undefined}
+                aria-label={i.label}
                 className="footer-social-link"
                 style={{
                   display: "flex",
@@ -201,7 +205,7 @@ export function Footer() {
                   color: "#fff",
                 }}
               >gt;
-                Icon glyph={icon.glyph} size={48} />gt;
+                Icon glyph={i.glyph} size={48} />gt;
               a>gt;
             ))}
           div>gt;
@@ -223,7 +227,7 @@ export function Footer() {
             lineHeight: 1.5,
           }}
         >gt;
-          © 2026 Hack Club. Registered under{" "}
+          © {year} Hack Club. Registered under{" "}
           a
             href="https://the.hackfoundation.org/"
             target="_blank"
@@ -250,7 +254,7 @@ export function Footer() {
         .footer-social-link:hover, .footer-social-link:focus-visible { opacity: 1 !important; }
         @media (max-width: 767px) {
           .site-footer { padding-top: 120px !important; }
-          .site-footer-illustration { width: min(320px, 72vw) !important; height: auto !important; transform: translateY(-40%) !important; }
+          .site-footer-illustration { width: min(320px, 72vw) !important; transform: translateY(-40%) !important; }
         }
       `}style>gt;
     footer>gt;