Merge branch 'master' of https://github.com/braynguyen/pittcsc-website

src/components/data.js

@@ -41,7 +41,7 @@ export const officerList = [
  },
  {
  name: "Brayden Nguyen",
- title: "Special Events Coordinator",
+ title: "Special Events Organizer",
  linkedIn: "https://www.linkedin.com/in/brayden-nguyen/",
  email: "[email protected]",
  image: "../images/officers_2023/brayden.jpeg",
@@ -56,3 +56,14 @@ export const officerList = [
  bio: "Hi, I’m Kathryn and I am the PR and Communications Manager! I switched over from computer science to information science because I wanted to pursue a career in web development. I am from NJ and usually over the summer, I work as a camp counselor.",
  },
 ];
+
+export const initiativeLeadList = [
+ {
+ name: "Michael Henry",
+ title: "Technical Interview Initiative Lead",
+ linkedIn: "https://www.linkedin.com/in/michael-lj-henry-1b0803207/",
+ email: "[email protected]",
+ image: "../images/officers_2022/justin.png",
+ bio: "I am computer science major at Pitt. I am a senior and a peer tutor. I enjoy watching sports, reading philosophy, and spending quality time with friends and family. Feel free to reach out to me on linkedIn, email, or in-person.",
+ }
+]

src/pages/about.js

@@ -1,5 +1,6 @@
 import React, { useEffect } from "react";
 import { officerList } from "../components/data";
+import { initiativeLeadList } from "../components/data";
 import { hotjar } from "react-hotjar";
 import ReactGA from "react-ga";
 import { motion } from "framer-motion";
@@ -176,6 +177,26 @@ const AboutPage = () => {
  )}
  </div>
  </section>
+ <section className="container flex flex-col items-center justify-center mx-auto w-full">
+ <h2 className="mb-8 mt-4 max-w-lg text-2xl font-bold lg:text-5xl">
+ The Initiative Leads
+ </h2>
+ <div className="grid gap-24 2xl:gap-32 grid-cols-1 my-8 md:grid-cols-2 lg:grid-cols-3">
+ {initiativeLeadList.map(
+ ({ name, title, linkedIn, email, image, bio }) => (
+ <TeamCard
+ image={image}
+ name={name}
+ title={title}
+ linkedIn={linkedIn}
+ email={email}
+ bio={bio}
+ key={email}
+ />
+ )
+ )}
+ </div>
+ </section>
  </div>
  </motion.div>
  </Layout>