diff --git a/public/showcase-videos/copilot.microsoft.com-dark.mp4 b/public/showcase-videos/copilot.microsoft.com-dark.mp4
new file mode 100644
index 000000000..1eba90224
Binary files /dev/null and b/public/showcase-videos/copilot.microsoft.com-dark.mp4 differ
diff --git a/public/showcase-videos/copilot.microsoft.com.mp4 b/public/showcase-videos/copilot.microsoft.com.mp4
new file mode 100644
index 000000000..c35c66ac5
Binary files /dev/null and b/public/showcase-videos/copilot.microsoft.com.mp4 differ
diff --git a/src/app/showcase/img/copilot.microsoft.com-dark.png b/src/app/showcase/img/copilot.microsoft.com-dark.png
new file mode 100644
index 000000000..a1f76cc5b
Binary files /dev/null and b/src/app/showcase/img/copilot.microsoft.com-dark.png differ
diff --git a/src/app/showcase/img/copilot.microsoft.com.png b/src/app/showcase/img/copilot.microsoft.com.png
new file mode 100644
index 000000000..ba6bd5fc6
Binary files /dev/null and b/src/app/showcase/img/copilot.microsoft.com.png differ
diff --git a/src/app/showcase/page.tsx b/src/app/showcase/page.tsx
index f4b97af1a..4d663f09b 100644
--- a/src/app/showcase/page.tsx
+++ b/src/app/showcase/page.tsx
@@ -199,6 +199,17 @@ const showcase = [
     video: "/showcase-videos/dotnet.microsoft.com.mp4",
     description: "Software framework website",
   },
+  {
+    name: "Microsoft Copilot",
+    url: "https://copilot.microsoft.com",
+    thumbnail: require("./img/copilot.microsoft.com.png").default,
+    video: "/showcase-videos/copilot.microsoft.com.mp4",
+    description: "AI assistant website",
+    dark: {
+      thumbnail: require("./img/copilot.microsoft.com-dark.png").default,
+      video: "/showcase-videos/copilot.microsoft.com-dark.mp4",
+    }
+  },
   {
     name: "Spotlight",
     url: "https://spotlight.tailwindui.com",