diff --git a/README.md b/README.md
index da2e3f7d..7167ac8f 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,7 @@ _Getting started? Click the image below to check out an Azure Friday episode all
 * [tonybaloney/django-on-azure](https://github.com/tonybaloney/django-on-azure) - Django + PostgreSQL + Azure App Service
 * [bradygaster](https://github.com/bradygaster/RockPaperOrleans) - distributed .NET game
 * [dotnet/ai-samples](https://github.com/dotnet/ai-samples) - .NET samples demonstrating how to use AI in your applications.
+* [Azure-Samples/APICenter-Reference](https://github.com/Azure-Samples/APICenter-Reference) - API Center reference samples with various use cases including analyzer and portal experiences.
 
 ### 3.2 Community
 
diff --git a/website/src/data/tags.tsx b/website/src/data/tags.tsx
index dd48118e..1352d5a4 100644
--- a/website/src/data/tags.tsx
+++ b/website/src/data/tags.tsx
@@ -104,7 +104,12 @@ export type TagType =
   | "langchain"
   | "build2024"
   | "aistudio"
-  ;
+  | "apicenter"
+  | "eventgrid"
+  | "diagnosticsettings"
+  | "managedidentity"
+  | "serviceprincipal"
+  | "logicapps";
 
 // LIST OF AVAILABLE TAGS
 // Each tag in lit about must have a defined object here
@@ -138,7 +143,8 @@ export const Tags: { [type in TagType]: Tag } = {
   },
   build2024: {
     label: "Build 2024 Collection",
-    description: "This tag is used for templates included in the Microsoft Build 2024 conference collection.",
+    description:
+      "This tag is used for templates included in the Microsoft Build 2024 conference collection.",
   },
 
   //============  FOR REGULAR USE
@@ -580,11 +586,53 @@ export const Tags: { [type in TagType]: Tag } = {
   },
   aistudio: {
     label: "Azure AI Studio",
-    description: "Template architecture uses AI Studio",
+    description: "Template architecture uses Azure AI Studio",
     azureIcon: "./img/Azure-AI-Studio.svg",
     url: "https://azure.microsoft.com/products/ai-studio",
     type: "Service",
   },
+  apicenter: {
+    label: "Azure API Center",
+    description: "Template architecture uses Azure API Center",
+    azureIcon: "./img/Azure-API-Center.svg",
+    url: "https://learn.microsoft.com/azure/api-center/overview",
+    type: "Service",
+  },
+  eventgrid: {
+    label: "Azure Event Grid",
+    description: "Template architecture uses Azure Event Grid",
+    azureIcon: "./img/Azure-Event-Grid.svg",
+    url: "https://learn.microsoft.com/azure/event-grid/overview",
+    type: "Service",
+  },
+  diagnosticsettings: {
+    label: "Azure Diagnostic Settings",
+    description: "Template architecture uses Azure Diagnostic Settings",
+    azureIcon: "./img/Azure-Diagnostic-Settings.svg",
+    url: "https://learn.microsoft.com/azure/azure-monitor/essentials/diagnostic-settings",
+    type: "Service",
+  },
+  logicapps: {
+    label: "Azure Logic Apps",
+    description: "Template architecture uses Azure Logic Apps",
+    azureIcon: "./img/Azure-Logic-Apps.svg",
+    url: "https://learn.microsoft.com/azure/logic-apps/logic-apps-overview",
+    type: "Service",
+  },
+  managedidentity: {
+    label: "Azure Managed Identities",
+    description: "Template architecture uses Azure Managed Identities",
+    azureIcon: "./img/Azure-Managed-Identities.svg",
+    url: "https://learn.microsoft.com/entra/identity/managed-identities-azure-resources/overview",
+    type: "Service",
+  },
+  serviceprincipal: {
+    label: "Azure Service Principal",
+    description: "Template architecture uses Azure Service Principal",
+    azureIcon: "./img/Azure-Service-Principal.svg",
+    url: "https://learn.microsoft.com/entra/identity-platform/app-objects-and-service-principals",
+    type: "Service",
+  },
 
   // For Topics
   datascience: {
diff --git a/website/static/img/Azure-API-Center.svg b/website/static/img/Azure-API-Center.svg
new file mode 100644
index 00000000..cf56d891
--- /dev/null
+++ b/website/static/img/Azure-API-Center.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-04c" data-type="1"><g><path d="M11.844 12.791a1.8 1.8 0 0 0-.947.015l-1.295-2.124a.14.14 0 0 0-.19-.049l-.536.309a.141.141 0 0 0-.05.195l1.296 2.127a1.799 1.799 0 0 0 .42 2.853c.276.143.568.213.857.213.463 0 .916-.18 1.273-.527a1.8 1.8 0 0 0-.829-3.012Zm.424 1.965a.9.9 0 1 1-.097-.681.892.892 0 0 1 .097.681Zm3.555-9.443a2.18 2.18 0 0 0-2.106 1.631h-2.54a.14.14 0 0 0-.141.141v.806a.14.14 0 0 0 .141.141h2.54a2.178 2.178 0 0 0 2.106 1.631c1.201 0 2.177-.976 2.177-2.175s-.977-2.175-2.177-2.175Zm1.068 2.388a1.087 1.087 0 0 1-.854.854 1.09 1.09 0 0 1-1.282-1.28 1.09 1.09 0 0 1 2.137.426ZM2.978 2.953a1.474 1.474 0 0 0 .789-.018l.884 1.447a.14.14 0 0 0 .19.049l.406-.234a.141.141 0 0 0 .05-.195L4.41 2.549A1.498 1.498 0 0 0 2.425.313a1.503 1.503 0 0 0-.45 1.805c.195.424.559.725 1.004.835ZM2.895.897a.754.754 0 0 1 .628-.125.749.749 0 1 1-.877 1.007.752.752 0 0 1 .249-.883ZM5.612 10.99l-.828-.477a.14.14 0 0 0-.192.052l-1.473 2.577A2.478 2.478 0 0 0 .11 14.81a2.472 2.472 0 0 0 1.153 2.87 2.472 2.472 0 0 0 2.323.062 2.472 2.472 0 0 0 .612-3.992l1.468-2.567a.142.142 0 0 0-.052-.192Zm-2.055 5.145-.213.234a1.161 1.161 0 0 1-.601.366c-.298.065-.605.02-.873-.131a1.229 1.229 0 0 1-.584-.745 1.239 1.239 0 0 1 2.385-.662c.089.318.048.652-.115.939Z" fill="url(#c77076f3-4bff-48e8-a8fa-c255aa907065)"></path><path d="M9.921 5.287 7.749 4.034a1.1 1.1 0 0 0-1.096 0L4.481 5.287a1.095 1.095 0 0 0-.548.948V8.74c0 .391.209.753.548.949l2.174 1.253a1.1 1.1 0 0 0 1.096 0l2.174-1.253c.339-.196.548-.557.548-.949V6.235a1.095 1.095 0 0 0-.552-.948Z" fill="url(#c77076f3-4bff-48e8-a8fa-c255aa907066)"></path></g><defs>
+<linearGradient id="c77076f3-4bff-48e8-a8fa-c255aa907065" x1="9" y1="18" x2="9" y2="0" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#198ab3"></stop><stop offset="1" stop-color="#32bedd"></stop></linearGradient>
+<linearGradient id="c77076f3-4bff-48e8-a8fa-c255aa907066" x1="7.203" y1="11.089" x2="7.203" y2="3.888" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6f4bb2"></stop><stop offset="1" stop-color="#c69aeb"></stop></linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/Azure-Diagnostic-Settings.svg b/website/static/img/Azure-Diagnostic-Settings.svg
new file mode 100644
index 00000000..927b1da7
--- /dev/null
+++ b/website/static/img/Azure-Diagnostic-Settings.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-076" data-type="146"><g><path fill="#5e9624" d="M15.2.5H3.59a.57.57 0 0 0-.44.2L1.93 2.11l13.38 13.56-2 1.83h1a.71.71 0 0 0 .46-.17l1.17-1.07a.59.59 0 0 0 .19-.43V1.33A.81.81 0 0 0 15.2.5z"></path><path d="m2.91 2.1.74-.84A.5.5 0 0 1 4 1.08h10.88a.52.52 0 0 1 .52.52v13.78a.52.52 0 0 1-.17.38l-1.15 1.06" class="msportalfx-svg-c01" fill="#ffffff"></path><path fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b0fd)" d="M14 2.09H2a.06.06 0 0 0-.05.06v15a.38.38 0 0 0 .38.38H14a.38.38 0 0 0 .38-.38V2.48a.38.38 0 0 0-.38-.39z"></path><path d="M12.5 7.82a.37.37 0 0 0-.37-.39h-1.85a.16.16 0 0 0-.15.09L9.36 8.9 8.1 6.35 6.93 10l-1-2.6-1.32 2.44a.18.18 0 0 1-.15.1h-.6a.37.37 0 0 0-.37.33.37.37 0 0 0 .37.41h1a.18.18 0 0 0 .16-.1l.78-1.47 1.21 3 1.23-3.86 1.08 2.19 1.21-2.17a.16.16 0 0 1 .15-.09h1.45a.37.37 0 0 0 .37-.36z" class="msportalfx-svg-c01" fill="#ffffff"></path></g><defs>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b0fd" x1="8.15" x2="8.15" y1="17.49" y2="2.09" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624"></stop><stop offset=".31" stop-color="#69a828"></stop><stop offset=".93" stop-color="#86d633"></stop></linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/Azure-Event-Grid.svg b/website/static/img/Azure-Event-Grid.svg
new file mode 100644
index 00000000..6d5ec938
--- /dev/null
+++ b/website/static/img/Azure-Event-Grid.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 18 18" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-070" data-type="1"><g><title>Icon-integration-221</title><path d="M12.7 8.15v-.6H8.18L6.06 9.66H4.5L8.12 6h2.47v-.57H7.87L3.65 9.66h-.6v.6h1.81L7 12.37h5.1v-.6H7.22l-1.51-1.51h3.67v-.6H6.92l1.5-1.51Z" fill="#32bedd"></path><circle cx="9.98" cy="9.96" r=".87" class="msportalfx-svg-c01" fill="#ffffff"></circle><circle cx="10.89" cy="5.74" r=".87" class="msportalfx-svg-c01" fill="#ffffff"></circle><circle cx="13" cy="7.85" r=".87" class="msportalfx-svg-c01" fill="#ffffff"></circle><circle cx="12.1" cy="12.07" r=".87" class="msportalfx-svg-c01" fill="#ffffff"></circle><circle cx="10.86" cy="5.74" r="1.05" fill="#50e6ff"></circle><circle cx="12.97" cy="7.85" r="1.05" fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b0e1)"></circle><circle cx="12.1" cy="12.07" r="1.05" fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b0e2)"></circle><circle cx="9.98" cy="9.96" r="1.05" fill="#50e6ff"></circle><g fill="#999"><path d="M1.07 1.43h1.29V5a.29.29 0 0 1-.29.29H.79A.29.29 0 0 1 .5 5V2a.57.57 0 0 1 .57-.57Z"></path><path d="M1.07 1.43h1.29V5a.29.29 0 0 1-.29.29H.79A.29.29 0 0 1 .5 5V2a.57.57 0 0 1 .57-.57Z" opacity=".5"></path></g><g fill="#999"><path d="M15.64 1.43h1.29a.57.57 0 0 1 .57.57v3a.29.29 0 0 1-.29.29h-1.29a.29.29 0 0 1-.28-.29V1.43Z"></path><path d="M15.64 1.43h1.29a.57.57 0 0 1 .57.57v3a.29.29 0 0 1-.29.29h-1.29a.29.29 0 0 1-.28-.29V1.43Z" opacity=".5"></path></g><path d="M17.5 2v1.25H.5V2a.57.57 0 0 1 .57-.57h15.87a.57.57 0 0 1 .56.57Z" fill="#949494"></path><g fill="#999"><path d="M.79 12.68h1.29a.29.29 0 0 1 .29.29v3.6h-1.3A.57.57 0 0 1 .5 16v-3a.29.29 0 0 1 .29-.32Z"></path><path d="M.79 12.68h1.29a.29.29 0 0 1 .29.29v3.6h-1.3A.57.57 0 0 1 .5 16v-3a.29.29 0 0 1 .29-.32Z" opacity=".5"></path></g><g fill="#999"><path d="M15.92 12.68h1.29a.29.29 0 0 1 .29.29v3a.57.57 0 0 1-.57.57h-1.29V13a.29.29 0 0 1 .28-.32Z"></path><path d="M15.92 12.68h1.29a.29.29 0 0 1 .29.29v3a.57.57 0 0 1-.57.57h-1.29V13a.29.29 0 0 1 .28-.32Z" opacity=".5"></path></g><path d="M.5 16v-1.25h17V16a.57.57 0 0 1-.57.57H1.07A.57.57 0 0 1 .5 16Z" fill="#949494"></path></g><defs>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b0e1" x1="4589.72" y1="-5180.02" x2="4589.72" y2="-5184.21" gradientTransform="matrix(.5 0 0 -.5 -2275.31 -2589.32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c69aeb"></stop><stop offset="1" stop-color="#6f4bb2"></stop></linearGradient>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b0e2" x1="4587.99" y1="-5188.47" x2="4587.99" y2="-5192.65" gradientTransform="matrix(.5 0 0 -.5 -2275.31 -2589.32)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c69aeb"></stop><stop offset="1" stop-color="#6f4bb2"></stop></linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/Azure-Logic-Apps.svg b/website/static/img/Azure-Logic-Apps.svg
new file mode 100644
index 00000000..bf4f084e
--- /dev/null
+++ b/website/static/img/Azure-Logic-Apps.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 18 18" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-07d" data-type="1"><g><path d="M13.851 9.047h-2.912a1.518 1.518 0 0 1-1.518-1.518V4.33h-.842v3.2a1.518 1.518 0 0 1-1.518 1.517H4.149a1.2 1.2 0 0 0-1.2 1.2v2.338h.841v-2.341a.355.355 0 0 1 .356-.355h2.915A2.353 2.353 0 0 0 8.8 9.125a.278.278 0 0 1 .408 0 2.353 2.353 0 0 0 1.735.764h2.912a.354.354 0 0 1 .355.355v2.338h.841v-2.338a1.2 1.2 0 0 0-1.2-1.197Z" fill="#0078d4"></path><rect x="5.626" y="-.02" width="6.747" height="6.747" rx=".604" fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b111)"></rect><rect y="11.273" width="6.747" height="6.747" rx=".604" fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b112)"></rect><rect x="11.253" y="11.273" width="6.747" height="6.747" rx=".604" transform="rotate(90 14.627 14.647)" fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b113)"></rect></g><defs>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b111" x1="9" y1="1.796" x2="9" y2="6.371" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9cebff"></stop><stop offset="1" stop-color="#50e6ff"></stop></linearGradient>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b112" x1="3.374" y1="12.14" x2="3.374" y2="18.457" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#b4ec36"></stop><stop offset="1" stop-color="#86d633"></stop></linearGradient>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b113" x1="14.626" y1="12.14" x2="14.626" y2="18.457" gradientTransform="rotate(-90 14.627 14.646)" gradientUnits="userSpaceOnUse"><stop offset=".001" stop-color="#b4ec36"></stop><stop offset="1" stop-color="#86d633"></stop></linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/Azure-Managed-Identities.svg b/website/static/img/Azure-Managed-Identities.svg
new file mode 100644
index 00000000..9e9799b8
--- /dev/null
+++ b/website/static/img/Azure-Managed-Identities.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 76.031 100" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-08b" data-type="1"><g><title></title><title>MSI_2</title><path d="M28.284 81.85a5.07 5.07 0 0 1 0-7.172l11.128-11.127V53.6l16.433-16.434a10.83 10.83 0 0 0 0-15.314L37.166 3.172a10.831 10.831 0 0 0-15.316 0L3.172 21.852a10.828 10.828 0 0 0 0 15.314L20.908 54.9v1.5l-5.049 5.05 5.005 5.005-5.005 5 5.005 5.005-5.005 5 5.049 5.05v.063l8.6 8.6 6.051-6.051Zm-4.923-68.016a6.147 6.147 0 1 1 6.147 6.147 6.148 6.148 0 0 1-6.147-6.147Z" class="msportalfx-svg-c11" fill="#fcd116"></path><path opacity=".5" d="M12.364 25.92h35.482v5.1H12.364zm0 8.297h35.482v5.1H12.364z" class="msportalfx-svg-c01" fill="#ffffff"></path><path d="M54.3 100a3.978 3.978 0 0 1-2.835-1.175L33.735 81.1a4.008 4.008 0 0 1 0-5.67L51.461 57.7a4.005 4.005 0 0 1 5.67 0l17.724 17.729a4.006 4.006 0 0 1 0 5.672L57.131 98.825A3.978 3.978 0 0 1 54.3 100" class="msportalfx-svg-c15" fill="#59b4d9"></path><path d="M66.132 74.867a3.393 3.393 0 0 0-2.839 5.262l-6.733 6.732a3.991 3.991 0 0 0-.57-.324V69.36a3.4 3.4 0 1 0-3.388 0v17.176a3.929 3.929 0 0 0-.55.307l-6.74-6.74a3.493 3.493 0 1 0-1.744 1.361l7.085 7.086a3.957 3.957 0 1 0 7.292.028l7.106-7.105a3.356 3.356 0 0 0 1.079.191 3.4 3.4 0 0 0 0-6.8Z" class="msportalfx-svg-c01" fill="#ffffff"></path><path opacity=".5" d="m53.484 67.092 1.55-1.552 12.714 12.71-1.552 1.551z" class="msportalfx-svg-c01" fill="#ffffff"></path><path opacity=".5" d="M40.859 78.262 53.57 65.55l1.552 1.551L42.41 79.813z" class="msportalfx-svg-c01" fill="#ffffff"></path><path d="M56.612 90.1a2.356 2.356 0 1 1-2.356-2.355 2.355 2.355 0 0 1 2.356 2.355m-.427-23.67a1.89 1.89 0 1 1-1.89-1.89 1.889 1.889 0 0 1 1.89 1.89M44.352 78.265a1.89 1.89 0 1 1-1.89-1.89 1.891 1.891 0 0 1 1.89 1.89m23.67 0a1.891 1.891 0 1 1-1.891-1.89 1.891 1.891 0 0 1 1.891 1.89" class="msportalfx-svg-c13" fill="#b8d432"></path><path d="M57.131 57.7a4 4 0 0 0-5.669 0L33.735 75.429a4.008 4.008 0 0 0 0 5.67l10.036 10.036L62.65 63.222Z" opacity=".1" class="msportalfx-svg-c01" fill="#ffffff"></path><path opacity=".4" d="M34.788 68.137v-12.92l-3.864 1.903v14.881l3.864-3.864z" class="msportalfx-svg-c10" fill="#ff8c00"></path></g><defs>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/img/Azure-Service-Principal.svg b/website/static/img/Azure-Service-Principal.svg
new file mode 100644
index 00000000..ffe2ffff
--- /dev/null
+++ b/website/static/img/Azure-Service-Principal.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 18 18" class="" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="FxSymbol0-0b6" data-type="67"><g><path fill="#0078d4" d="M17.219 13.925a.8.8 0 0 0 .8-.793.773.773 0 0 0-.006-.1c-.312-2.5-1.739-4.536-4.46-4.536-2.769 0-4.2 1.724-4.476 4.543a.8.8 0 0 0 .713.878h.08z"></path><path d="M13.551 9.093a2.491 2.491 0 0 1-1.358-.4l1.344 3.513 1.335-3.489a2.5 2.5 0 0 1-1.321.376z" opacity=".8" class="msportalfx-svg-c01" fill="#ffffff"></path><circle cx="13.551" cy="6.584" r="2.509" fill="#0078d4"></circle><path fill="url(#e07adc5a-b7a3-40a3-8601-a49bbbd8b287)" d="M13.425 15.019c-.382-3.056-1.881-5.645-4.641-6.483A3.74 3.74 0 1 0 4.693 8.5C1.911 9.25.426 11.594.087 15.029a1.194 1.194 0 0 0 1.065 1.31q.06.006.12.006h10.97a1.187 1.187 0 0 0 1.191-1.183 1.132 1.132 0 0 0-.008-.143z"></path><path d="M6.768 9.134a3.724 3.724 0 0 1-2.027-.6l2.006 5.246L8.74 8.572a3.723 3.723 0 0 1-1.972.562z" opacity=".8" class="msportalfx-svg-c01" fill="#ffffff"></path></g><defs>
+<linearGradient id="e07adc5a-b7a3-40a3-8601-a49bbbd8b287" x1="5.621" x2="7.254" y1="1.035" y2="21.341" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32d4f5"></stop><stop offset=".209" stop-color="#30cff0"></stop><stop offset=".466" stop-color="#2bc0e3"></stop><stop offset=".748" stop-color="#23a7cd"></stop><stop offset="1" stop-color="#198ab3"></stop></linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/website/static/templates.json b/website/static/templates.json
index 4751bb71..f1a9a6f0 100644
--- a/website/static/templates.json
+++ b/website/static/templates.json
@@ -1776,5 +1776,70 @@
       "ai",
       "new"
     ]
+  },
+  {
+    "title": "API Center Analyzer",
+    "description": "This sample provides an Azure API Center along with Azure Functions and Azure Event Grid to analyze API specs when registering or updating API specs to Azure API Center.",
+    "preview": "./templates/images/apic-analyzer.png",
+    "website": "https://github.com/justinyoo, https://github.com/pierceboggan",
+    "author": "Justin Yoo, Pierce Boggan",
+    "source": "https://github.com/Azure/APICenter-Analyzer",
+    "tags": [
+      "msft",
+      "bicep",
+      "apicenter",
+      "functions",
+      "eventgrid",
+      "managedidentity",
+      "appinsights",
+      "loganalytics",
+      "diagnosticsettings",
+      "typescript",
+      "new"
+    ]
+  },
+  {
+    "title": "API Center Portal",
+    "description": "This sample provides an Azure API Center along with Azure Static Web Apps that governs API specs registered on Azure API Center for developers and stakeholders.",
+    "preview": "./templates/images/apic-portal.png",
+    "website": "https://github.com/justinyoo, https://github.com/pierceboggan",
+    "author": "Justin Yoo, Pierce Boggan",
+    "source": "https://github.com/Azure/APICenter-Portal-Starter",
+    "tags": [
+      "msft",
+      "bicep",
+      "apicenter",
+      "swa",
+      "serviceprincipal",
+      "typescript",
+      "new"
+    ]
+  },
+  {
+    "title": "API Center Reference Sample",
+    "description": "This sample provides an Azure API Center along with Azure App Service, Static Web Apps and Azure Functions that governs, analyzes and performs service discovery of API specs registered on Azure API Center.",
+    "preview": "./templates/images/apic-reference.png",
+    "website": "https://github.com/Azure-Samples",
+    "author": "Justin Yoo",
+    "source": "https://github.com/Azure-Samples/APICenter-Reference",
+    "tags": [
+      "msft",
+      "bicep",
+      "apicenter",
+      "appservice",
+      "functions",
+      "eventgrid",
+      "managedidentity",
+      "appinsights",
+      "loganalytics",
+      "diagnosticsettings",
+      "swa",
+      "serviceprincipal",
+      "logicapps",
+      "apim",
+      "dotnetCsharp",
+      "typescript",
+      "new"
+    ]
   }
 ]
diff --git a/website/static/templates/images/apic-analyzer.png b/website/static/templates/images/apic-analyzer.png
new file mode 100644
index 00000000..11fb69e4
Binary files /dev/null and b/website/static/templates/images/apic-analyzer.png differ
diff --git a/website/static/templates/images/apic-portal.png b/website/static/templates/images/apic-portal.png
new file mode 100644
index 00000000..2419398f
Binary files /dev/null and b/website/static/templates/images/apic-portal.png differ
diff --git a/website/static/templates/images/apic-reference.png b/website/static/templates/images/apic-reference.png
new file mode 100644
index 00000000..c2fd14b0
Binary files /dev/null and b/website/static/templates/images/apic-reference.png differ