diff --git a/docs/resources.md b/docs/resources.md
index b27a990..8527358 100644
--- a/docs/resources.md
+++ b/docs/resources.md
@@ -19,5 +19,4 @@
 
 ## Get Access to The Lab:
 
-[Getting Swite Access](docs/swipe-access)
-
+[Getting Swipe Access](docs/swipe-access)
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 33c3f33..1268cde 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1511,11 +1511,12 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.5.tgz",
-      "integrity": "sha512-Ii012v05KEVuUoFWmMW/UQv9aRIc3ZwkWDcM+h5Il8izZCtRVpDUfwpoFf7eOtajT3QiGR4yDUx7lPqHJULgbg==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
+      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
+      "license": "MIT",
       "dependencies": {
-        "follow-redirects": "^1.15.4",
+        "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
         "proxy-from-env": "^1.1.0"
       }
@@ -1575,11 +1576,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -2665,9 +2667,10 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -2713,15 +2716,16 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
-      "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==",
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
       "funding": [
         {
           "type": "individual",
           "url": "https://github.com/sponsors/RubenVerborgh"
         }
       ],
+      "license": "MIT",
       "engines": {
         "node": ">=4.0"
       },
@@ -3432,6 +3436,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4260,11 +4265,12 @@
       ]
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -5745,6 +5751,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
diff --git a/public/Headshots/Wells.jpg b/public/Headshots/Wells.jpg
new file mode 100644
index 0000000..5d9d684
Binary files /dev/null and b/public/Headshots/Wells.jpg differ
diff --git a/src/comps/LeadershipBox/LeadershipBox.jsx b/src/comps/LeadershipBox/LeadershipBox.jsx
index 83b7318..7e381d9 100644
--- a/src/comps/LeadershipBox/LeadershipBox.jsx
+++ b/src/comps/LeadershipBox/LeadershipBox.jsx
@@ -1,38 +1,40 @@
-import React, { Component } from "react";
+import React from "react";
+import { Box, Typography, Avatar, Grid } from "@mui/material";
 
-import styles from "@/comps/LeadershipBox/leadership.module.css";
-
-import Image from "next/image";
-
-class LeadershipBox extends Component {
-  /*
-    Expects an image prop, which is a string
-    This will then generate a div with the image
-    If the string is blank, the uid will be used instead
-
-    Props needed: name, title, email
-    */
-
-  // Check if any of the expected props are undefined
-
-  render() {
-    // Simple div with a title and value
-    if (this.props.src !== undefined) {
-      return (
-        <div class={styles.leadershipBox}>
-          <div class={styles.alignImage}>
-            <Image src={this.props.src} alt={this.props.name + "Image"}></Image>
-          </div>
-          <p>
-            <em>{this.props.title}</em>
-          </p>
-          <p>
-            <a href={"mailto:" + this.props.email}>{this.props.email}</a>
-          </p>
-        </div>
-      );
-    }
-  }
-}
+const LeadershipBox = ({ name, title, email, src }) => {
+  return (
+    <Grid item xs={12} sm={6} md={4}>
+      <Box sx={{ textAlign: "center" }}>
+        <Avatar
+          src={src.src}
+          alt={`Headshot of ${name}`}
+          sx={{ 
+          width: {
+            xs: '40vw',  // 30% of the viewport width on small screens
+            sm: '40vw',  // 20% on medium screens
+            md: '25vw',  // 15% on larger screens
+          },
+          height: {
+            xs: '40vw',
+            sm: '40vw',
+            md: '25vw',
+          },
+          margin: "0 auto" }}
+        />
+        <Typography variant="h6" sx={{ marginTop: 2 }}>
+          {name}
+        </Typography>
+        <Typography variant="subtitle1" color="textSecondary">
+          {title}
+        </Typography>
+        <Typography variant="body2">
+          <a href={`mailto:${email}`} aria-label={`Send an email to ${name}`}>
+            {email}
+          </a>
+        </Typography>
+      </Box>
+    </Grid>
+  );
+};
 
 export default LeadershipBox;
diff --git a/src/pages/Leadership.jsx b/src/pages/Leadership.jsx
index 332a5df..b8ec6e0 100644
--- a/src/pages/Leadership.jsx
+++ b/src/pages/Leadership.jsx
@@ -1,71 +1,72 @@
-//https://react-icons.github.io/react-icons/icons?name=bs
 import React from "react";
-
+import { Box, Grid, Typography, Divider } from "@mui/material";
 import LeadershipBox from "@/comps/LeadershipBox/LeadershipBox.jsx";
 import Baumann from "../../public/Headshots/Baumann.jpg";
-import Gibbons from "../../public/Headshots/Gibbons.jpg";
+import Wells from "../../public/Headshots/Wells.jpg";
 import Forsyth from "../../public/Headshots/Forsyth2.jpg";
 import Meadows from "../../public/Headshots/Meadows.jpg";
 import Pritchard from "../../public/Headshots/Pritchard.jpeg";
-import Blank from "../../public/Headshots/blank.jpeg";
 import Ethan from "../../public/Headshots/Ethan.jpg";
 import PB from "../../public/Headshots/pb.jpeg";
 
 export default function Leadership() {
   return (
-    <div>
-      <div class="App-pageHelper">
-        <h2>Meet Our Team: Student Staff</h2>
-        <hr></hr>
-        <div class="flex-row-left">
-          <LeadershipBox
-            name="Richard Gibbons"
-            src={Gibbons}
-            title="Richard Gibbons: Team Lead"
-            email="gricha1@vt.edu"
-          ></LeadershipBox>
-          <LeadershipBox
-            name="Henry Forsyth"
-            src={Forsyth}
-            title="Henry Forsyth: Mentor/Webdev"
-            email="rhforsythjr@vt.edu"
-          ></LeadershipBox>
-          <LeadershipBox
-            name="Eddie Pritchard"
-            src={Pritchard}
-            title="Eddie Pritchard: Mentor"
-            email="epritchard@vt.edu"
-          ></LeadershipBox>
-          <LeadershipBox
-            name="Purv Bavishi"
-            src={PB}
-            title="Purv Bavishi: Mentor"
-            email="purvbavishi@vt.edu"
-          ></LeadershipBox>
-          <LeadershipBox
-            name="Ethan James"
-            src={Ethan}
-            title="Ethan James: Mentor"
-            email="ethanjamesauto@vt.edu"
-          ></LeadershipBox>
-        </div>
-        <h2>Meet Our Team: Professors</h2>
-        <hr></hr>
-        <div class="flex-row-left">
-          <LeadershipBox
-            name="William Baumann"
-            src={Baumann}
-            title="Dr.William Baumann: Professor"
-            email="baumann@vt.edu"
-          ></LeadershipBox>
-          <LeadershipBox
-            name="Toby Meadows"
-            src={Meadows}
-            title="Dr.Toby Meadows: Professor"
-            email="toby88@vt.edu"
-          ></LeadershipBox>
-        </div>
-      </div>
-    </div>
+    <Box sx={{ padding: 3 }}>
+      <Typography variant="h4" gutterBottom>
+        Meet Our Team: Student Staff
+      </Typography>
+      <Divider />
+      <Grid container spacing={3} sx={{ marginTop: 2 }}>
+        <LeadershipBox
+          name="Tyler Wells"
+          src={Wells}
+          title="Lab Lead"
+          email="tylermwells@vt.edu"
+        />
+        <LeadershipBox
+          name="Henry Forsyth"
+          src={Forsyth}
+          title="Mentor / Web Developer"
+          email="rhforsythjr@vt.edu"
+        />
+        <LeadershipBox
+          name="Eddie Pritchard"
+          src={Pritchard}
+          title="Mentor"
+          email="epritchard@vt.edu"
+        />
+        <LeadershipBox
+          name="Purv Bavishi"
+          src={PB}
+          title="Mentor"
+          email="purvbavishi@vt.edu"
+        />
+        <LeadershipBox
+          name="Ethan James"
+          src={Ethan}
+          title="Mentor"
+          email="ethanjamesauto@vt.edu"
+        />
+      </Grid>
+
+      <Typography variant="h4" gutterBottom sx={{ marginTop: 4 }}>
+        Meet Our Team: Professors
+      </Typography>
+      <Divider />
+      <Grid container spacing={3} sx={{ marginTop: 2 }}>
+        <LeadershipBox
+          name="William Baumann"
+          src={Baumann}
+          title="Professor"
+          email="baumann@vt.edu"
+        />
+        <LeadershipBox
+          name="Toby Meadows"
+          src={Meadows}
+          title="Professor"
+          email="toby88@vt.edu"
+        />
+      </Grid>
+    </Box>
   );
 }
diff --git a/src/pages/getting_started.jsx b/src/pages/getting_started.jsx
index e111c01..81f42da 100644
--- a/src/pages/getting_started.jsx
+++ b/src/pages/getting_started.jsx
@@ -15,6 +15,8 @@ import { RxDiscordLogo } from "react-icons/rx";
 import { BiPurchaseTagAlt } from "react-icons/bi";
 import { GiSwipeCard } from "react-icons/gi";
 
+import {Alert} from "@mui/material";
+
 export default function GettingStarted({ new_members, returning_members }) {
   return (
     <div className="min-h-screen">
@@ -40,6 +42,11 @@ export default function GettingStarted({ new_members, returning_members }) {
           buttonTitle="Click here to begin"
           color="#f9f9f9"
         >
+          <Alert severity="info">
+            If you need help with any of this process, please don't hesitate to
+            come into the lab and ask for help! Or reach out to leadership through
+            the Discord!
+          </Alert>
           <ReactMarkdown class="App-standardPage" rehypePlugins={[rehypeRaw]}>
             {new_members}
           </ReactMarkdown>