feat(recommendations): add intermediate resolver for recommender image

Author: NicholasGoh

src/components/Recommendation/index.tsx

@@ -18,6 +18,7 @@ export interface Props {
   content: ReactNode;
   date: string;
   githubUsername: string;
+  staticProfileImage: string | null;
 }
 
 export default function Recommendation({
@@ -26,6 +27,7 @@ export default function Recommendation({
   content,
   date,
   githubUsername,
+  staticProfileImage,
 }: Props): ReactNode {
   return (
     <div className={clsx("card", styles.recommendation)}>
@@ -37,7 +39,9 @@ export default function Recommendation({
             src={
               githubUsername
                 ? `https://github.com/${githubUsername}.png`
-                : "https://nicholasgoh.github.io/img/blank.png"
+                : staticProfileImage
+                  ? `https://nicholasgoh.github.io/img/recommenders/${staticProfileImage}.png`
+                  : "https://nicholasgoh.github.io/img/recommenders/blank.png"
             }
             width="48"
             height="48"

src/data/recommendations.tsx

@@ -74,6 +74,25 @@ const TWEETS: RecommendationItem[] = [
     showOnHomepage: true,
     githubUsername: "",
   },
+  {
+    url: "https://www.linkedin.com/in/alvinphang/",
+    name: "Alvin Phang",
+    date: "Apr 22, 2025",
+    content: (
+      <>
+        I had the pleasure of working with Nicholas, and I’m genuinely impressed
+        by their growth and contributions. A fast learner with a great attitude,
+        Nicholas quickly ramped up on complex topics like LLM microservices and
+        took initiative to implement practical solutions that improved team
+        efficiency and led to meaningful cost savings. On top of that, Nicholas
+        is friendly, collaborative, and always a joy to work with — a great
+        asset to any team.
+      </>
+    ),
+    showOnHomepage: true,
+    githubUsername: "",
+    staticProfileImage: "alvinphang",
+  },
 ];
 
 export default TWEETS;