From 06930a4b4c474c56a9e7d162b30acec653a32910 Mon Sep 17 00:00:00 2001
From: Afonso Martins <afonsopm2005@gmail.com>
Date: Sat, 19 Oct 2024 15:33:49 +0100
Subject: [PATCH] feat: complete for pc version

---
 public/cesium.svg         |  3 ++
 public/facebook.svg       |  3 ++
 public/github.svg         |  3 ++
 public/instagram.svg      |  3 ++
 public/twitter.svg        |  3 ++
 public/youtube.svg        |  3 ++
 src/app/page.tsx          |  9 ++++--
 src/components/footer.tsx | 65 +++++++++++++++++++++++++++++++++++++++
 8 files changed, 90 insertions(+), 2 deletions(-)
 create mode 100644 public/cesium.svg
 create mode 100644 public/facebook.svg
 create mode 100644 public/github.svg
 create mode 100644 public/instagram.svg
 create mode 100644 public/twitter.svg
 create mode 100644 public/youtube.svg
 create mode 100644 src/components/footer.tsx

diff --git a/public/cesium.svg b/public/cesium.svg
new file mode 100644
index 0000000..6b4efa5
--- /dev/null
+++ b/public/cesium.svg
@@ -0,0 +1,3 @@
+<svg width="33" height="37" viewBox="0 0 33 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.132 20.9694L5.51489 18.2761V12.8894L15.6469 18.7891V24.1757L10.132 20.9694ZM11.4145 2.69332L16.0317 0L31.6785 8.97772L16.0958 18.0196L5.96377 12.1841L10.5809 9.49073L16.0958 12.6329L22.4443 8.97772L11.4145 2.69332ZM10.5809 3.1422L20.7129 8.97772L16.0958 11.671L10.5809 8.52884L5.066 11.671L0.448886 8.97772L10.5809 3.1422ZM0 9.74724L4.61712 12.4406V18.7891L10.132 21.9313V27.3179L0 21.4183V9.74724ZM0 22.4443L10.9656 28.7928V22.4443L15.5828 25.1376V36.8087L0 27.7668V22.4443ZM16.4805 36.8087V25.1376L26.6125 19.3021V24.6887L21.0977 27.8309V34.1795L16.4805 36.8087ZM32.1274 27.7668L21.9954 33.6023V28.2798L32.1274 22.4443V27.7668ZM27.5103 24.1116V19.238L31.7427 21.6748L27.5103 24.1116ZM32.1274 15.1339L16.4805 24.1116V18.725L32.1274 9.68311V15.1339Z" fill="#ED8661"/>
+</svg>
diff --git a/public/facebook.svg b/public/facebook.svg
new file mode 100644
index 0000000..e865ff5
--- /dev/null
+++ b/public/facebook.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0.848633C4.5 0.848633 0 5.33863 0 10.8686C0 15.8686 3.66 20.0186 8.44 20.7686V13.7686H5.9V10.8686H8.44V8.65863C8.44 6.14863 9.93 4.76863 12.22 4.76863C13.31 4.76863 14.45 4.95863 14.45 4.95863V7.42863H13.19C11.95 7.42863 11.56 8.19863 11.56 8.98863V10.8686H14.34L13.89 13.7686H11.56V20.7686C13.9164 20.3965 16.0622 19.1941 17.6099 17.3787C19.1577 15.5632 20.0054 13.2543 20 10.8686C20 5.33863 15.5 0.848633 10 0.848633Z" fill="#6C757D"/>
+</svg>
diff --git a/public/github.svg b/public/github.svg
new file mode 100644
index 0000000..c92dac9
--- /dev/null
+++ b/public/github.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 0.808594C8.68678 0.808594 7.38642 1.06725 6.17317 1.5698C4.95991 2.07235 3.85752 2.80894 2.92893 3.73753C1.05357 5.61289 0 8.15643 0 10.8086C0 15.2286 2.87 18.9786 6.84 20.3086C7.34 20.3886 7.5 20.0786 7.5 19.8086V18.1186C4.73 18.7186 4.14 16.7786 4.14 16.7786C3.68 15.6186 3.03 15.3086 3.03 15.3086C2.12 14.6886 3.1 14.7086 3.1 14.7086C4.1 14.7786 4.63 15.7386 4.63 15.7386C5.5 17.2586 6.97 16.8086 7.54 16.5686C7.63 15.9186 7.89 15.4786 8.17 15.2286C5.95 14.9786 3.62 14.1186 3.62 10.3086C3.62 9.19859 4 8.30859 4.65 7.59859C4.55 7.34859 4.2 6.30859 4.75 4.95859C4.75 4.95859 5.59 4.68859 7.5 5.97859C8.29 5.75859 9.15 5.64859 10 5.64859C10.85 5.64859 11.71 5.75859 12.5 5.97859C14.41 4.68859 15.25 4.95859 15.25 4.95859C15.8 6.30859 15.45 7.34859 15.35 7.59859C16 8.30859 16.38 9.19859 16.38 10.3086C16.38 14.1286 14.04 14.9686 11.81 15.2186C12.17 15.5286 12.5 16.1386 12.5 17.0686V19.8086C12.5 20.0786 12.66 20.3986 13.17 20.3086C17.14 18.9686 20 15.2286 20 10.8086C20 9.49537 19.7413 8.19501 19.2388 6.98176C18.7362 5.7685 17.9997 4.66611 17.0711 3.73753C16.1425 2.80894 15.0401 2.07235 13.8268 1.5698C12.6136 1.06725 11.3132 0.808594 10 0.808594Z" fill="#6C757D"/>
+</svg>
diff --git a/public/instagram.svg b/public/instagram.svg
new file mode 100644
index 0000000..08c91da
--- /dev/null
+++ b/public/instagram.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.8 0.808594H14.2C17.4 0.808594 20 3.40859 20 6.60859V15.0086C20 16.5469 19.3889 18.0221 18.3012 19.1098C17.2135 20.1975 15.7383 20.8086 14.2 20.8086H5.8C2.6 20.8086 0 18.2086 0 15.0086V6.60859C0 5.07034 0.61107 3.59509 1.69878 2.50737C2.78649 1.41966 4.26174 0.808594 5.8 0.808594ZM5.6 2.80859C4.64522 2.80859 3.72955 3.18788 3.05442 3.86301C2.37928 4.53814 2 5.45381 2 6.40859V15.2086C2 17.1986 3.61 18.8086 5.6 18.8086H14.4C15.3548 18.8086 16.2705 18.4293 16.9456 17.7542C17.6207 17.079 18 16.1634 18 15.2086V6.40859C18 4.41859 16.39 2.80859 14.4 2.80859H5.6ZM15.25 4.30859C15.5815 4.30859 15.8995 4.44029 16.1339 4.67471C16.3683 4.90913 16.5 5.22707 16.5 5.55859C16.5 5.89011 16.3683 6.20806 16.1339 6.44248C15.8995 6.6769 15.5815 6.80859 15.25 6.80859C14.9185 6.80859 14.6005 6.6769 14.3661 6.44248C14.1317 6.20806 14 5.89011 14 5.55859C14 5.22707 14.1317 4.90913 14.3661 4.67471C14.6005 4.44029 14.9185 4.30859 15.25 4.30859ZM10 5.80859C11.3261 5.80859 12.5979 6.33538 13.5355 7.27306C14.4732 8.21074 15 9.48251 15 10.8086C15 12.1347 14.4732 13.4064 13.5355 14.3441C12.5979 15.2818 11.3261 15.8086 10 15.8086C8.67392 15.8086 7.40215 15.2818 6.46447 14.3441C5.52678 13.4064 5 12.1347 5 10.8086C5 9.48251 5.52678 8.21074 6.46447 7.27306C7.40215 6.33538 8.67392 5.80859 10 5.80859ZM10 7.80859C9.20435 7.80859 8.44129 8.12466 7.87868 8.68727C7.31607 9.24988 7 10.0129 7 10.8086C7 11.6042 7.31607 12.3673 7.87868 12.9299C8.44129 13.4925 9.20435 13.8086 10 13.8086C10.7956 13.8086 11.5587 13.4925 12.1213 12.9299C12.6839 12.3673 13 11.6042 13 10.8086C13 10.0129 12.6839 9.24988 12.1213 8.68727C11.5587 8.12466 10.7956 7.80859 10 7.80859Z" fill="#6C757D"/>
+</svg>
diff --git a/public/twitter.svg b/public/twitter.svg
new file mode 100644
index 0000000..5b7c5be
--- /dev/null
+++ b/public/twitter.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.46 2.80859C20.69 3.15859 19.86 3.38859 19 3.49859C19.88 2.96859 20.56 2.12859 20.88 1.11859C20.05 1.61859 19.13 1.96859 18.16 2.16859C17.37 1.30859 16.26 0.808594 15 0.808594C12.65 0.808594 10.73 2.72859 10.73 5.09859C10.73 5.43859 10.77 5.76859 10.84 6.07859C7.27999 5.89859 4.10999 4.18859 1.99999 1.59859C1.62999 2.22859 1.41999 2.96859 1.41999 3.74859C1.41999 5.23859 2.16999 6.55859 3.32999 7.30859C2.61999 7.30859 1.95999 7.10859 1.37999 6.80859V6.83859C1.37999 8.91859 2.85999 10.6586 4.81999 11.0486C4.19072 11.2208 3.53009 11.2448 2.88999 11.1186C3.1616 11.9711 3.69353 12.717 4.41101 13.2515C5.12849 13.786 5.99544 14.0823 6.88999 14.0986C5.37362 15.299 3.49399 15.9479 1.55999 15.9386C1.21999 15.9386 0.879993 15.9186 0.539993 15.8786C2.43999 17.0986 4.69999 17.8086 7.11999 17.8086C15 17.8086 19.33 11.2686 19.33 5.59859C19.33 5.40859 19.33 5.22859 19.32 5.03859C20.16 4.43859 20.88 3.67859 21.46 2.80859Z" fill="#6C757D"/>
+</svg>
diff --git a/public/youtube.svg b/public/youtube.svg
new file mode 100644
index 0000000..bfb2941
--- /dev/null
+++ b/public/youtube.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10.8086L13.19 7.80859L8 4.80859V10.8086ZM19.56 2.97859C19.69 3.44859 19.78 4.07859 19.84 4.87859C19.91 5.67859 19.94 6.36859 19.94 6.96859L20 7.80859C20 9.99859 19.84 11.6086 19.56 12.6386C19.31 13.5386 18.73 14.1186 17.83 14.3686C17.36 14.4986 16.5 14.5886 15.18 14.6486C13.88 14.7186 12.69 14.7486 11.59 14.7486L10 14.8086C5.81 14.8086 3.2 14.6486 2.17 14.3686C1.27 14.1186 0.69 13.5386 0.44 12.6386C0.31 12.1686 0.22 11.5386 0.16 10.7386C0.0900001 9.93859 0.0599999 9.24859 0.0599999 8.64859L0 7.80859C0 5.61859 0.16 4.00859 0.44 2.97859C0.69 2.07859 1.27 1.49859 2.17 1.24859C2.64 1.11859 3.5 1.02859 4.82 0.968594C6.12 0.898594 7.31 0.868594 8.41 0.868594L10 0.808594C14.19 0.808594 16.8 0.968594 17.83 1.24859C18.73 1.49859 19.31 2.07859 19.56 2.97859Z" fill="#6C757D"/>
+</svg>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 73029a0..b9fed9f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,20 @@
 import DepartmentCard from "@/components/department-card";
+import Footer from "@/components/footer";
 
 export default function Home() {
   return (
-    <main className="h-screen w-screen flex-col items-center justify-center overflow-scroll p-5">
-      <div className="space-y-4">
+    <main className="h-screen w-screen flex-col items-center justify-center overflow-scroll">
+      <div className="space-y-4 p-5">
         <DepartmentCard type="caos" />
         <DepartmentCard type="dmc" />
         <DepartmentCard type="drem" />
         <DepartmentCard type="ped" />
         <DepartmentCard type="rec" />
       </div>
+      <div className="w-full">
+        <Footer />
+      </div>
     </main>
+    
   );
 }
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..551ea7b
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+
+const Footer = () => {
+  const sections = [
+    {
+      title: 'CeSIUM',
+      items: ['Notícias', 'Sobre Nós', 'Equipa', 'Departamentos']
+    },
+    {
+      title: 'Atividades',
+      items: ['Projetos', 'Eventos', 'Parcerias']
+    },
+    {
+      title: 'Estudantes',
+      items: ['Torna-te sócio', 'Torna-te colaborador', 'Anuário']
+    },
+    {
+      title: 'Links Úteis',
+      items: ['Calendarium', 'Blackboard', 'Portal do Aluno', 'Página de LEI']
+    }
+  ];
+
+  return (
+    <footer className="bg-[#0000000F] p-6 mt-8">
+      <div className="lg:flex lg:flex-row md:grid-cols-4 gap-[50px] mb-6">
+        {sections.map((section) => (
+          <div key={section.title}>
+            <h3 className="text-black mb-2">{section.title}</h3>
+            <ul>
+              {section.items.map((item) => (
+                <li key={item} className="text-sm mb-4">
+                  <a href="#" className="text-stone ">{item}</a>
+                </li>
+              ))}
+            </ul>
+          </div>
+        ))}
+      </div>
+      <div className="pt-4 flex flex-col md:flex-row justify-between items-center">
+        <div className="flex flex-col items-start mb-4 md:mb-0">
+          <img src="cesium.svg"  width={32} height={36} alt="CeSIUM Logo" className="-mr-2" />
+          <br/>
+          <div className="text-sm text-stone">
+            <p>CeSIUM - Centro de Estudantes de Engenharia</p>
+            <p>Informática da Universidade do Minho</p>
+          </div>
+          <div className="flex justify-center mt-4 space-x-4">
+            <img src="facebook.svg" alt="Facebook" width={20} height={20} />
+            <img src="instagram.svg" alt="instagram" width={20} height={20} />
+            <img src="twitter.svg" alt="twitter" width={20} height={20} />
+            <img src="github.svg" alt="github" width={20} height={20} />
+            <img src="youtube.svg" alt="youtube" width={20} height={20} />
+          </div>
+        </div>
+        <div className="text-sm text-right text-stone">
+          <p>Braga, Portugal</p>
+          <p>Telefone: +351 253 604 448</p>
+          <p>Email: cesium@di.uminho.pt</p>
+        </div>
+      </div>
+    </footer>
+  );
+};
+
+export default Footer;
\ No newline at end of file