Revamp ACM-W Website with Updated Events Calendar and Enhanced Home Page

.github/workflows/build.yml

@@ -13,15 +13,15 @@ jobs:
 
     steps:
       - name: Checkout Git repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}

.github/workflows/lint.yml

@@ -8,10 +8,10 @@ jobs:
 
     steps:
       - name: Checkout Git repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Cache node_modules
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}

components/EventCard.tsx

@@ -6,6 +6,7 @@ interface CardInterface {
   header: string;
   body: string;
   time: string;
+  date: string;
   img: string;
 }
 function EventCard({ header, body, time, img }: CardInterface) {

components/Footer.tsx

@@ -47,7 +47,7 @@ const Footer = () => {
               <a>
                 <Image
                   src={committeeData[0].logoLink}
-                  width={100}
+                  width={120}
                   height={40}
                   alt="Logo"
                 />

components/MainLayout.tsx

@@ -1,6 +1,5 @@
 import Head from 'next/head';
 import React from 'react';
-import Footer from './Footer';
 import Navbar from './Navbar';
 
 interface LayoutProps {
@@ -22,7 +21,6 @@ export default function MainLayout(props: LayoutProps) {
       </Head>
       <Navbar />
       <main>{props.children}</main>
-      <Footer />
     </>
   );
 }

components/Navbar.tsx

@@ -2,6 +2,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import React, { useEffect, useState } from 'react';
 import { FaTimes, FaBars } from 'react-icons/fa';
+import wlogo from '../public/wlogo.webp';
 import styles from '../styles/Navbar.module.scss';
 
 interface CommitteeData {
@@ -45,9 +46,9 @@ const Navbar = () => {
             <Link href="/">
               <a className="force-child-display-block">
                 <Image
-                  src={committeeData[0].logoLink}
-                  width={106}
-                  height={40}
+                  src={wlogo}
+                  width={150}
+                  height={80}
                   alt="Open Source at ACM Home"
                 />
               </a>
@@ -60,7 +61,7 @@ const Navbar = () => {
             >
               <li>
                 <Link href="/teamPage">
-                  <a>Team</a>
+                  <a className={styles['nav-item-list']}>Team</a>
                 </Link>
               </li>
               <li>