Remove unused link arrays and update footer layout

Sebstep · Nov 21, 2024 · 325235e · 325235e
1 parent 7475cc4
commit 325235e
Showing 1 changed file with 21 additions and 87 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -21,43 +21,9 @@ const companyLinks = [
   },
 ];
 
-const solutionLinks = [
-  {
-    title: "SAGE",
-    href: "/sage",
-  },
-  {
-    title: "GUARD",
-    href: "/guard",
-  },
-  {
-    title: "ARTISAN",
-    href: "/artisan",
-  },
-];
-
-const partnershipLinks = [
-  {
-    title: "University of Liechtenstein (FL)",
-    href: "https://www.uni.li/en/",
-  },
-  {
-    title: "LAB University of Applied Sciences (FI)",
-    href: "https://lab.fi/en/",
-  },
-  {
-    title: "University of Dubrovnik (HR)",
-    href: "https://www.unidu.hr/eng/",
-  },
-  {
-    title: "Formatio Private School (FL)",
-    href: "https://www.formatio.li/en/",
-  },
-];
-
 function Logo() {
   return (
-    <div className="w-full text-lg font-extrabold md:w-fit md:text-left">
+    <div className="text-lg font-extrabold">
       <span className="text-eu-blue">Erasmus+ Pathfinder</span>{" "}
     </div>
   );
@@ -66,78 +32,46 @@ function Logo() {
 export default function MultiColumns() {
   return (
     <footer className="bg-slate-200">
-      <div className="container mx-auto flex flex-col items-start space-y-12 px-8 pb-8 pt-12 md:flex-row md:space-y-0 md:space-x-12 md:px-12 md:justify-between">
-        {/* First Column */}
-        <div className="flex w-full flex-col space-y-4 text-center md:w-5/12 md:text-left">
+      <div className="container mx-auto px-8 py-12 space-y-12 md:flex md:space-y-0 md:justify-between">
+        {/* Left Column */}
+        <div className="flex flex-col space-y-4 md:w-5/12">
           <Logo />
           <p className="text-sm text-slate-600">
             Pioneering AI Technology in Higher Education to Facilitate Innovation and
             Nurture the Development of Entrepreneurial Resources
           </p>
           <p className="text-sm text-slate-600">
             Project:{" "}
-            <a href="https://erasmus-plus.ec.europa.eu/projects/search/details/2023-2-LI01-KA220-HED-000178579">
+            <Link
+              href="https://erasmus-plus.ec.europa.eu/projects/search/details/2023-2-LI01-KA220-HED-000178579"
+              className="text-blue-500 hover:underline"
+              target="_blank"
+              rel="noopener noreferrer">
               2023-2-LI01-KA220-HED-000178579
-            </a>
+            </Link>
           </p>
           <p className="text-sm text-slate-600">
             &copy; {new Date().getFullYear()} Pathfinder Project. All rights reserved.
           </p>
         </div>
-        {/* Second Column */}
-        {/* <div className="flex w-full flex-col space-y-4 text-center md:w-2/12 md:text-left">
-          <div className="text-sm font-semibold">Deliverables</div>
-          <ul className="text-sm">
-            {solutionLinks.map(({ title, href }, index) => (
-              <li
-                className="pt-3"
-                key={index}>
-                <Link
-                  className="underline decoration-transparent underline-offset-4 transition hover:decoration-slate-700"
-                  href={href}
-                  rel="noopener noreferrer"
-                  target="_blank">
-                  {title}
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </div> */}
-        {/* Third Column */}
-        {/* <div className="flex w-full flex-col space-y-4 text-center md:w-2/12 md:text-left">
-          <div className="text-sm font-semibold text-slate-600">Project Consortium</div>
-          <ul className="text-sm">
-            {partnershipLinks.map(({ title, href }, index) => (
-              <li
-                className="pt-3"
-                key={index}>
-                <a
-                  className="underline decoration-transparent underline-offset-4 transition hover:decoration-slate-700"
-                  href={href}
-                  rel="noopener noreferrer"
-                  target="_blank">
-                  {title}
-                </a>
-              </li>
-            ))}
-          </ul>
-        </div> */}
-        {/* Fourth Column */}
-        <div className="flex w-full flex-col space-y-4 text-center md:w-5/12 md:text-left">
+        {/* Right Column */}
+        <div className="flex flex-col space-y-4 md:w-5/12">
           <div className="text-sm font-semibold">Declarations</div>
           <p className="text-sm text-slate-600">
             Funded by the European Union. Views and opinions expressed are however those
             of the author(s) only and do not necessarily reflect those of the European
             Union or the European Education and Culture Executive Agency (EACEA). Neither
             the European Union nor EACEA can be held responsible for them.
           </p>
-          <Image
-            src="/images/funded-by-eu-wide.png"
-            alt=""
-            width={200}
-            height={200}
-            className="w-full md:w-1/2"
-          />
+          <div className="mt-4">
+            <Image
+              src="/images/funded-by-eu-wide.png"
+              alt=""
+              width={200}
+              height={50}
+              className="mx-auto md:mx-0"
+            />
+          </div>
         </div>
       </div>
     </footer>