board_update_2

src/components/News.js

@@ -1,69 +1,80 @@
 import React from "react"
-
+import nicholasKwokImg from "../images/headshots/nicholas_kwok.png";
+import DLImg from "../images/headshots/daniel_lapinski.png";
+import ShSImg from "../images/headshots/shaurya_singhi.png";
+import LvKImg from "../images/headshots/lukas_koch.png";
+import AYImg from "../images/headshots/angela_ye.png";
+import CNImg from "../images/headshots/chloe_ng.png";
+import SMImg from "../images/headshots/sandro_mocciolo.png";
+import ESImg from "../images/headshots/emma_shockley.png";
+import KAImg from "../images/headshots/karam_alkaissy.png";
+import JLImg from "../images/headshots/jeff_li.png";
+import BHImg from "../images/headshots/brianna_hess.png";
+import KUImg from "../images/headshots/kana_urigame.png";
 import {GridContainer} from "../ui/layout"
 import {CenteredSubtitle} from "../ui/Typography"
 import Tile from "../ui/Tile"
 
 
 const articleItems = [
   {
-    imgLink: "src/images/headshots/nicholas_kwok.png",
+    imgLink: nicholasKwokImg,
     title: "Executive President, CAS '27",
     publisher: "Nicholas Kwok",
     date: "CAS '27"
   },
   {
-    imgLink: "src/images/headshots/nicholas_kwok.png",
+    imgLink: DLImg,
     title: "Co-President and Director of Operations",
     publisher: "Daniel Lapinski",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/shaurya_singhi.png",
+    imgLink: ShSImg,
     title: "Vice President",
     publisher: "Shaurya Singhi",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/lukas_koch.png",
+    imgLink: LvKImg,
     title: "Co-Director of Consulting",
     publisher: "Lukas von Koch",
     date: "Wharton '26"
   },{
-    imgLink: "src/images/headshots/angela_ye.png",
+    imgLink: AYImg,
     title: "Co-Director of Consulting",
     publisher: "Angela Ye",
     date: "CAS '26"
   },{
-    imgLink: "src/images/headshots/chloe_ng.png",
+    imgLink: CNImg,
     title: "Co-Director of Consulting",
     publisher: "Chloe Ng",
     date: "SEAS '26 CAS '26"
   },{
-    imgLink: "src/images/headshots/sandro_mocciolo.png",
+    imgLink: SMImg,
     title: "Director of Policy",
     publisher: "Sandro Mocciolo",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/emma_shockley.png",
+    imgLink: ESImg,
     title: "Director of Marketing",
     publisher: "Emma Shockley",
     date: "CAS '25"
   },{
-    imgLink: "src/images/headshots/karam_alkaissy.png",
+    imgLink: KAImg,
     title: "Director of Operations",
     publisher: "Karam Alkaissy",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/nicholas_kwok.png",
+    imgLink: JLImg,
     title: "Co-Director of Prize",
     publisher: "Jeff Li",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/nicholas_kwok.png",
-    title: "ECo-Director of Prize",
+    imgLink: BHImg,
+    title: "Co-Director of Prize",
     publisher: "Brianna Hess",
     date: "CAS '27"
   },{
-    imgLink: "src/images/headshots/nicholas_kwok.png",
+    imgLink: KUImg,
     title: "Co-Director of Prize",
     link: "https://www.thedp.com/article/2022/03/climate-ventures-competition-prize-student-groups",
     publisher: "Kana Unigame",
@@ -76,15 +87,16 @@ const articleItems = [
 export const News = () => {
   return (
     <>
-      <CenteredSubtitle left={"left"}>In the News</CenteredSubtitle>
-      <GridContainer childWidth="200">
+
+      <GridContainer childWidth="150">
           { articleItems.map( article => (
             <Tile imgLink={article.imgLink}
                   topText={article.publisher}
                   midText={article.title}
                   botText={article.date} />
           )) }
       </GridContainer>
+
     </>
   )
 }

src/components/Testimonials.js

@@ -124,10 +124,6 @@ export const Testimonials = () => {
         </div>
       </TestimonialWrapper>
 
-      <LearnMoreWrapper>
-        <ButtonInverted href="/collaborate">Learn more</ButtonInverted>
-        <Text fontColor={TEXT_PRIMARY_INV} center>Click here to learn more about working with us!</Text>
-      </LearnMoreWrapper>
     </>
   );
 };

src/data/navigation.js

@@ -28,8 +28,8 @@ export const navLinks = [
     url: "/prize"
   },
   {
-    linkName: "Collaborate",
-    url: "/collaborate"
+    linkName: "Meet The Board",
+    url: "/board"
   },
   {
     linkName: "Blog",

src/pages/collaborate.js → src/pages/board.js

@@ -7,7 +7,7 @@ import {News} from "../components/News"
 import "../styles/base.scss"
 
 
-const CollaboratePage = () => {
+const BoardPage = () => {
   return (
     <PageLayout title="Meet The Board">
       <Container>
@@ -16,4 +16,4 @@ const CollaboratePage = () => {
     </PageLayout>
   )
 }
-export default CollaboratePage
+export default BoardPage

src/ui/Tile.js

@@ -5,18 +5,24 @@ import {Text, UrlLink} from "./Typography"
 
 
 export const TileBox = s.div`
-  font-size: 0.9rem;
-  line-height: 1rem;
-  padding: 15px 10px;
-  border-radius: 10px;
-  box-shadow: 0 3px 15px 1px #00000016;
-  text-align: center;
-  width: 300px;
-  height: 100%;
+font-size: 0.9rem;
+line-height: 1rem;
+padding: 5px 5px;
+border-radius: 10px;
+box-shadow: 0 3px 15px 1px #00000016;
+text-align: center;
+width: 200px;
+height: 90%; // Increase height to accommodate larger images
+margin: 5px; // Reduce margin between tiles
+overflow: hidden; // Ensures any overflow content is hidden
 `
 
 const TileImage = s.img`
-  width: 100%;
+width: 100%;
+height: auto; // Maintain aspect ratio
+max-height: 60%; // Increase height for bigger images
+object-fit: cover; // Ensures the image covers the area
+border-radius: 10px 10px 0 0; // Rounds the top corners to match the TileBox
 `
 
 const TileTopText = s(Text)`