feat(footer): Add parent organization link and cleanup tailwindcss classes

Author: eric15342335

src/components/sections/footer.tsx

@@ -3,23 +3,25 @@ import { Mail } from "lucide-react";
 import { SiGithub, SiInstagram } from "@icons-pack/react-simple-icons";
 import { FaLinkedin } from "react-icons/fa";
 import Link from "next/link";
+import { cn } from "@/lib/utils";
 
 const sitemapLinks = [...siteConfig.mainNav, ...siteConfig.utilityNav];
+const baseTextLinkClass = "text-sm hover:underline text-muted-foreground";
 
 export function Footer() {
   return (
     <footer className="w-full py-12 bg-muted/60">
       <div className="container mx-auto px-4 lg:px-6">
         <div className="max-w-4xl mx-auto">
-          <div className="grid md:grid-cols-2 gap-8 text-center md:text-left md:justify-items-center">
+          <div className="grid md:grid-cols-2 gap-8 text-left md:justify-items-center">
             <div className="space-y-4 flex flex-col items-center md:items-start">
               <h3 className="font-semibold">Sitemap</h3>
               <ul className="grid grid-cols-2 gap-x-8 gap-y-2">
                 {sitemapLinks.map((link) => (
                   <li key={link.href}>
                     <Link
                       href={link.href}
-                      className="text-sm hover:underline text-muted-foreground"
+                      className={baseTextLinkClass}
                     >
                       {link.label}
                     </Link>
@@ -29,10 +31,10 @@ export function Footer() {
             </div>
             <div className="space-y-4 flex flex-col items-center">
               <h3 className="font-semibold">Connect with us!</h3>
-              <div className="flex flex-col items-center md:items-start gap-2">
+              <div className="flex flex-col items-start gap-3">
                 <a
                   href={`mailto:${siteConfig.email}`}
-                  className="inline-flex items-center gap-2 text-sm hover:underline text-muted-foreground"
+                  className={cn(baseTextLinkClass, "inline-flex items-center gap-2")}
                 >
                   <Mail size={18} />
                   {siteConfig.email}
@@ -41,7 +43,7 @@ export function Footer() {
                   href={siteConfig.instagram}
                   target="_blank"
                   rel="noopener"
-                  className="inline-flex items-center gap-2 text-sm hover:underline text-muted-foreground"
+                  className={cn(baseTextLinkClass, "inline-flex items-center gap-2")}
                 >
                   <SiInstagram size={18} />
                   Instagram
@@ -50,7 +52,7 @@ export function Footer() {
                   href={siteConfig.github}
                   target="_blank"
                   rel="noopener"
-                  className="inline-flex items-center gap-2 text-sm hover:underline text-muted-foreground"
+                  className={cn(baseTextLinkClass, "inline-flex items-center gap-2")}
                 >
                   <SiGithub size={18} />
                   GitHub
@@ -59,7 +61,7 @@ export function Footer() {
                   href={siteConfig.linkedin}
                   target="_blank"
                   rel="noopener"
-                  className="inline-flex items-center gap-2 text-sm hover:underline text-muted-foreground"
+                  className={cn(baseTextLinkClass, "inline-flex items-center gap-2")}
                 >
                   <FaLinkedin size={18} />
                   LinkedIn
@@ -70,6 +72,15 @@ export function Footer() {
           <div className="mt-8 pt-8 border-t border-border/40 text-center text-sm text-muted-foreground">
             © {new Date().getFullYear()} ALPHA University Chapter at the University of Hong Kong. All rights
             reserved.
+            <br />
+            <a
+              href={siteConfig.parentOrg}
+              target="_blank"
+              rel="noopener"
+              className={cn(baseTextLinkClass, "inline-flex items-center gap-2 underline")}
+            >
+              {siteConfig.parentOrg.replace("https://", "")}
+            </a>
           </div>
         </div>
       </div>