From 8b21e82c0e988640599b329b77a3980f1a789c07 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <ob248@proton.me>
Date: Thu, 5 Feb 2026 16:53:47 +0000
Subject: [PATCH] "Professional" tag on professional projects

---
 src/components/ProjectListItem.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ProjectListItem.tsx b/src/components/ProjectListItem.tsx
index a88e8800..5ad67ac0 100644
--- a/src/components/ProjectListItem.tsx
+++ b/src/components/ProjectListItem.tsx
@@ -16,11 +16,16 @@ export function ProjectListItem({
 		<Link
 			to={`/projects/${metadata.slug}`}
 			className={cn(
-				"group block flex flex-col justify-between transition-colors duration-200 border-2 hover:border-accent",
+				"group relative block flex flex-col justify-between transition-colors duration-200 border-2 hover:border-accent",
 				isDevMode && metadata.hidden && "border-dashed border-accent",
 			)}
 			data-tags={tags.join(",")}
 		>
+			{metadata.type === "professional" ? (
+				<span className="absolute -right-0.5 -top-0.5 bg-accent px-1.5 py-0.5 text-xs font-500 text-background">
+					Professional
+				</span>
+			) : null}
 			<div className="flex gap-4 p-4 pb-0">
 				<div className="w-16 h-16 flex-shrink-0">
 					{metadata.image ? (