From 4114402e128ce7d2a32bc20a6b625c9cb75043a8 Mon Sep 17 00:00:00 2001
From: submarinejuice <128875605+submarinejuice@users.noreply.github.com>
Date: Mon, 6 Oct 2025 14:24:52 -0400
Subject: [PATCH] Add Michelle to team

---
 src/team/index.ts    |  3 ++-
 src/team/michelle.ts | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 src/team/michelle.ts

diff --git a/src/team/index.ts b/src/team/index.ts
index bb39c5e..da17581 100644
--- a/src/team/index.ts
+++ b/src/team/index.ts
@@ -6,5 +6,6 @@ import { chris } from "./chris";
 import { spencer } from "./spencer";
 import { raafay } from "./raafay";
 import { benjamin } from "./benjamin";
+import { michelle } from "./michelle";
 
-export const teamMembers: TeamMember[] = [sharib, ahmad, hunter, chris, spencer, raafay, benjamin];
\ No newline at end of file
+export const teamMembers: TeamMember[] = [sharib, ahmad, hunter, chris, spencer, raafay, benjamin, michelle];
\ No newline at end of file
diff --git a/src/team/michelle.ts b/src/team/michelle.ts
new file mode 100644
index 0000000..861fb14
--- /dev/null
+++ b/src/team/michelle.ts
@@ -0,0 +1,26 @@
+import { TeamMember } from "../types/TeamMember";
+
+export const michelle: TeamMember = {
+  name: "Michelle Chala",
+  role: "VP of internal + Software Engineer",
+  funFact: "I want to learn everything ever... And I am a clementine ambassador 🍊",
+  githubUsername: "submarinejuice",
+  cardStyle: {
+    background: [
+      "relative overflow-hidden",
+      "bg-[linear-gradient(135deg,#000,#190000_30%,#7f1d1d_70%,#000)]",
+      "[background-size:200%_200%]",
+      "[background-position:0%_50%]",
+      "transition-[background-position,box-shadow,transform] duration-700 ease-out",
+      "hover:[background-position:100%_50%]",
+      "hover:scale-[1.02]",
+      "hover:ring-4 hover:ring-offset-2 hover:ring-orange-500/50 hover:ring-offset-slate-900",
+      "hover:shadow-[0_0_20px_#f97316,0_0_45px_#ef4444]",
+      "after:content-[''] after:absolute after:inset-0 after:rounded-2xl after:pointer-events-none",
+      "after:[background:radial-gradient(120%_60%_at_20%_-10%,rgba(249,115,22,0.12),transparent_60%)]",
+      "after:opacity-0 hover:after:opacity-100 after:transition-opacity after:duration-700"
+    ].join(" "),
+    border: "border border-red-800/60 hover:border-orange-300/60",
+    text: "text-rose-100",
+  },
+};