From 9d0de2c863bf20bf502de45499bfa66a210bb384 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Thu, 7 Nov 2024 18:15:49 +0100
Subject: [PATCH] fix: make the heading in the footer bold

---
 components/Footer.jsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/components/Footer.jsx b/components/Footer.jsx
index 38fdebd..68bb85d 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -15,14 +15,12 @@ function Footer() {
           </div>
           <div className="flex flex-col items-center sm:items-start sm:flex-row justify-between w-full lg:w-auto space-y-6 sm:space-y-0 sm:space-x-6 lg:space-x-16">
             <div className="flex flex-col items-center sm:items-start">
-              <div className="text-2xl font-light text-primary">
-                Quick links
-              </div>
+              <div className="text-2xl font-bold text-primary">Quick links</div>
               {footerLinks.otherPages.map((link) => (
                 <span key={link.href}>
                   <Link
                     href={link.href}
-                    className="text-base font-light hover:text-primary hover:underline"
+                    className="text-base hover:text-primary hover:underline"
                   >
                     {link.label}
                   </Link>
@@ -31,12 +29,12 @@ function Footer() {
             </div>
 
             <div className="flex flex-col items-center sm:items-start">
-              <div className="text-2xl font-light text-primary">Resources</div>
+              <div className="text-2xl font-bold text-primary">Resources</div>
               {footerLinks.resources.map((link) => (
                 <span key={link.href}>
                   <Link
                     href={link.href}
-                    className="text-base font-light hover:text-primary hover:underline"
+                    className="text-base hover:text-primary hover:underline"
                   >
                     {link.label}
                   </Link>
@@ -45,10 +43,8 @@ function Footer() {
             </div>
 
             <div className="flex flex-col items-center sm:items-start">
-              <div className="text-2xl font-light text-primary">Social</div>
-              <p className="text-base font-light">
-                {footerLinks.social.supportText}
-              </p>
+              <div className="text-2xl font-bold text-primary">Social</div>
+              <p className="text-base">{footerLinks.social.supportText}</p>
               <div className="flex space-x-1 py-3">
                 <SocialIcons />
               </div>