From 1b270cbc227c49e14c13b3ca29ecd7d33e586cc1 Mon Sep 17 00:00:00 2001 From: Kevinli7673 Date: Mon, 27 Jul 2026 15:49:18 -0400 Subject: [PATCH] refactor: use react-icons for footer social links Replace the github/instagram/linkedin SVG images with FaGithub, FaInstagram and FaLinkedin from react-icons, matching the pattern already used in HeroSection. The icons now inherit theme color and pick up the same hover treatment as the hero social links. Move the alt text to aria-label on the anchors to keep the links accessible, and delete the now-unreferenced SVGs from public/. --- components/Footer.tsx | 18 +++++++++++------- public/github-logo.svg | 1 - public/instagram-logo.svg | 12 ------------ public/linkedin-logo.svg | 1 - 4 files changed, 11 insertions(+), 21 deletions(-) delete mode 100644 public/github-logo.svg delete mode 100644 public/instagram-logo.svg delete mode 100644 public/linkedin-logo.svg diff --git a/components/Footer.tsx b/components/Footer.tsx index bc29b99..605ad93 100644 --- a/components/Footer.tsx +++ b/components/Footer.tsx @@ -1,4 +1,5 @@ import Image from "next/image"; +import { FaGithub, FaInstagram, FaLinkedin } from "react-icons/fa"; import gpklogo from "@/public/gpk_logo_transparent.png"; const links = [ @@ -60,20 +61,23 @@ export default function Footer() {

© 2026 Graphics Programming Knights · UCF RSO

-