feat: Add info to role cards for exec positions

components/Footer/Footer.tsx

@@ -39,7 +39,7 @@ const Footer = () => {
         </a>
         <Group className="footer-text">{items}</Group>
       </Container>
-      <h5 className="copyright-text"> &copy; Blueprint 2023</h5>
+      <h5 className="copyright-text"> &copy; Blueprint 2025</h5>
     </footer>
   );
 };

components/RoleCard/RoleCard.css

@@ -26,11 +26,6 @@
   width: 20px;
 }
 
-.moniter {
-  width: 40px;
-  height: 40px;
-}
-
 @media (max-width: 1350px) {
   .roleTitle {
     font-size: 20px;

components/RoleCard/RoleCard.tsx

@@ -4,9 +4,6 @@ import "./RoleCard.css";
 export default function RoleCard({ role, link }) {
   return (
     <Card className="roleCard" shadow="lg" radius="xl" p="xl">
-      <Center>
-        <Image className="moniter" src="/monitor.svg" />
-      </Center>
       <Center my="xs">
         <Text c="#0078E8" fw={500} className="roleTitle">
           {role}
@@ -19,7 +16,7 @@ export default function RoleCard({ role, link }) {
           className="apply-button"
           variant="filled"
           color="#228BE6"
-          ref={link}
+          href={link}
           component="a"
           rightSection={<Image className="chevron" src="/chevron-right.svg" />}
         >

components/for-students-roles/Roles.tsx

@@ -17,7 +17,32 @@ import "./Roles.css";
 //     link: "<Link to application>",
 //   }
 // ];
-const info = [];
+const info = [
+  {
+    role: "VP Software",
+    link: "https://bit.ly/bpexec2025",
+  },
+  {
+    role: "VP Product",
+    link: "https://bit.ly/bpexec2025",
+  },
+  {
+    role: "VP Design",
+    link: "https://bit.ly/bpexec2025",
+  },
+  {
+    role: "VP External",
+    link: "https://bit.ly/bpexec2025",
+  },
+  {
+    role: "VP Events",
+    link: "https://bit.ly/bpexec2025",
+  },
+  {
+    role: "VP Finance",
+    link: "https://bit.ly/bpexec2025",
+  },
+];
 
 export default function Roles() {
   const hasRoles = info.length > 0;