Update Impact's Page (#681)

data/impact.js: add info about new members and events
pages/impact.js: add new event and update member cards

data/impact.js

@@ -31,103 +31,40 @@ export const pastEvents = [
 
 export const people = [
   {
-    name: 'Maya Raman',
-    pronouns: 'she/they',
+    name: 'Naisha Agarwal',
+    pronouns: 'she/her',
     position: 'Impact Director',
     major: 'Computer Science Major',
-    year: 2023,
-    img: '/images/officers/MayaRaman.jpg',
-    alt: 'Maya smiling surrounded by plants',
+    year: 2026,
+    img: '/images/officers/NaishaAgarwal.jpg',
+    alt: 'Naisha similing in a car',
   },
   {
-    name: 'Alyssa Wang',
+    name: 'Aarohi Vohra',
     pronouns: 'she/her',
-    position: 'Impact Officer',
-    major: 'Computer Science Major',
-    year: 2022,
-    img: '/images/officers/AlyssaWang.jpeg',
+    position: 'Impact Director',
+    major: 'Math Major',
+    year: 2026,
+    img: '/images/officers/AarohiVohra.jpg',
     alt: 'Alyssa smiling in front of a courtyard',
   },
   {
-    name: 'Rohan Bansal',
-    pronouns: 'he/him',
-    position: 'Impact Officer',
-    major: 'Math of Computation Major',
-    year: 2022,
-    img: '/images/officers/RohanBansal.jpg',
-    alt: 'Rohan posing on a bridge',
-  },
-  {
-    name: 'Jason Jewik',
-    pronouns: 'he/him',
-    position: 'Impact Officer',
-    major: 'Computer Science Major',
-    year: 2022,
-    img: '/images/officers/JasonJewik.jpg',
-    alt: 'a photo of jason smiling in front of some plants',
-  },
-  {
-    name: 'Hannah Chu',
-    pronouns: 'she/her',
-    position: 'Impact Officer',
-    major: 'Linguistics Major',
-    year: 2024,
-    img: '/images/officers/HannahChu.jpg',
-    alt: 'Hannah smiling on top of a hill',
-  },
-  {
-    name: 'Nisha McNealis',
+    name: 'Anne Do',
     pronouns: 'she/her',
-    position: 'Impact Officer',
-    major: 'Computer Science Major',
-    year: 2023,
-    img: '/images/officers/NishaMcNealis.jpeg',
-    alt: 'Nisha smiling in front of a wood backing',
-  },
-  {
-    name: 'Mia Luong',
-    pronouns: 'she/her',
-    position: 'Impact Intern',
-    major: 'Statistics Major',
-    year: 2024,
-    img: '/images/officers/MiaLuong.jpg',
-    alt: 'Mia posing in front of hills and mountains',
-  },
-  {
-    name: 'Agrim Gupta',
-    pronouns: 'he/him',
     position: 'Impact Intern',
-    major: 'Linguistics & Computer Science + Statistics Major',
-    year: 2023,
-    img: '/images/officers/AgrimGupta.jpeg',
-    alt: 'Agrim smiling in front of art',
+    major: 'Computer Science Major',
+    year: 2027,
+    img: '/images/officers/AnneDo.jpg',
+    alt: 'Rohan posing on a bridge',
   },
   {
-    name: 'Diya Beliga',
+    name: 'Elena Yu',
     pronouns: 'she/her',
     position: 'Impact Intern',
-    major: 'Computer Science and Engineering Major',
-    year: 2024,
-    img: '/images/officers/NoImage.jpeg',
-    alt: '',
-  },
-  {
-    name: 'Brendan Tremblay',
-    pronouns: 'he/him',
-    position: 'Impact Intern',
-    major: 'Electrical Engineering Major',
+    major: 'Computer Science Major',
     year: 2025,
-    img: '/images/officers/NoImage.jpeg',
-    alt: '',
-  },
-  {
-    name: 'Ashley Kim',
-    pronouns: 'she/her',
-    position: 'Impact Intern',
-    major: 'Applied Math Major',
-    year: 2023,
-    img: '/images/officers/NoImage.jpeg',
-    alt: '',
+    img: '/images/officers/ElenaYu.jpg',
+    alt: 'a photo of jason smiling in front of some plants',
   },
 ];
 

pages/impact.js

@@ -11,6 +11,7 @@ import Officers from '../components/OfficerCard';
 import { pastEvents, people } from '../data/impact';
 
 import impactMotifBanner from '../public/images/impact/impact-motif.png';
+import impactathon from '../public/images/impact/impactathon.JPEG';
 import styles from '../styles/pages/impact.module.scss';
 
 const impactBlog = 'https://medium.com/acm-at-ucla';
@@ -20,7 +21,7 @@ function Impact() {
     <Layout>
       <NextSeo
         title="ACM Impact | ACM at UCLA"
-        description="ACM Impact is an up-and-coming initiative of ACM whose mission is to start conversations and promote an understanding of how tech and society affect each other. Our aim is to build a community of people who are passionate about ethical technology, socially impactful engineering, and creating a better future for all!"
+        description="ACM Impact's mission: Raise awareness on ethical issues in tech & create a community of impactful technologists @ UCLA!"
         openGraph={{
           images: [
             {
@@ -52,6 +53,19 @@ function Impact() {
         </p>
 
         <h2 className="text-center">Our Initiatives</h2>
+        <h3 className="text-uppercase">Upcoming Events</h3>
+        <WorkshopCard
+          title={'ACM Impact x Blueprint Impactathon'}
+          quarter={'Spring 2024'}
+          description={
+            'This spring, ACM Impact and Blueprint are hosting UCLA’s first IMPACTATHON! The goal of this hackathon is to partner groups of students with nonprofits in order to aid them in building any technical solutions that the organization requires. Students will get to work directly with nonprofit leaders and work to come up with a product that fits their needs best. The hackathon will be taking place in the first week of spring quarter, from April 12th to 14th. Please fill out the registration form linked here: http://tinyurl.com/impactathon-registration-form!  Prizes and nonprofit organizations announcements soon to come!'
+          }
+          img={impactathon}
+          alt={
+            'The ACM Impact banner: a space shuttle taking off, with a moon behind it'
+          }
+          desktopHorizontal
+        />
         <h3 className="text-uppercase">Workshops</h3>
         <WorkshopCard
           title={'Careers Workshop Series'}