Styling changes

Author: Yemyam

components/AlumniSection.jsx

@@ -5,6 +5,8 @@ import { Tabs, TabsHeader, TabsBody, Tab, TabPanel } from '@material-tailwind/re
 import Heading from './Heading';
 import { UnderlineTypes } from '../utils/underlineType';
 import CoPresident from "./CoPresident";
+import Image from 'next/image';
+const GREEN_SIDE_LINES_DIR = '/svgs/green_side_lines.svg';
 
 // Dummy values to be replaced with contentful
 const people  = [{
@@ -168,7 +170,8 @@ const TechnicalTeam = () => {
 
   return (
     <section className="bg-[#7055FD] p-12 md:min-h-screen h-full">
-      <div className="mb-9">
+      <div className="mb-9 flex flex-row justify-center">
+        <Image src={GREEN_SIDE_LINES_DIR} width={30} height={30} alt="" className='pb-16'/>
         <Heading underlineType={UnderlineTypes.GREEN_SHORT_UNDERLINE} classes={"text-white"}>Alumni</Heading>
       </div>
       <div>

components/CoPresident.jsx

@@ -42,6 +42,39 @@ const President = [[{
   },
   classes: "text-[#7055FD]",
 }
+],
+[{
+  name: "Jane Doe",
+  position: "Co-Pres",
+  year: "2025",
+  previousRole: "Events team",
+  testimonial: "Wow I love this club",
+  linkedin: "random link",
+  pfp: {
+    fields: {
+      file: {
+        url: "//t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg"
+      }
+    }
+  },
+  classes: "text-[#7055FD]",
+},
+{
+  name: "John Doe",
+  position: "Co-Pres",
+  year: "2025",
+  previousRole: "Events team",
+  testimonial: "Vitae eget venenatis rhoncus aliquet curabitur mauris, sed turpis nulla. Neque molestie mi placerat ultrices sit in sit.",
+  linkedin: "random link",
+  pfp: {
+    fields: {
+      file: {
+        url: "//t3.ftcdn.net/jpg/05/16/27/58/360_F_516275801_f3Fsp17x6HQK0xQgDQEELoTuERO4SsWV.jpg"
+      }
+    }
+  },
+  classes: "text-[#7055FD]",
+}
 ]];
 
 const PresidentTile = ({ name, linkedin, pfp, classes, testimonial, position }) => {
@@ -75,4 +108,3 @@ const CoPresident = () => {
   );
 };
 export default CoPresident;
-

pages/our-team/index.js

@@ -7,9 +7,8 @@ const OurTeam = () => {
     <div>
       {/* <MeetOurTeam />
       <InternalTeam />
-      <TechnicalTeam /> */}
-      <AlumniSection />
-      <TechnicalTeam />
+      <TechnicalTeam /> 
+      <AlumniSection /> */}
       <UnderConstruction />
     </div>
   );