diff --git a/public/logos/vscode.svg b/public/logos/vscode.svg
new file mode 100644
index 0000000..27bc41e
--- /dev/null
+++ b/public/logos/vscode.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="none">
+  <mask id="a" width="100" height="100" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
+    <path fill="#fff" fill-rule="evenodd" d="M70.912 99.317a6.223 6.223 0 0 0 4.96-.19l20.589-9.907A6.25 6.25 0 0 0 100 83.587V16.413a6.25 6.25 0 0 0-3.539-5.632L75.872.874a6.226 6.226 0 0 0-7.104 1.27L29.355 38.04 12.187 25.01a4.162 4.162 0 0 0-5.318.248l-5.5 5.009a4.168 4.168 0 0 0-.004 6.155L17.18 50 1.365 63.578a4.168 4.168 0 0 0 .004 6.155l5.5 5.009a4.162 4.162 0 0 0 5.318.247l17.168-13.03 39.413 35.9a6.206 6.206 0 0 0 2.144 1.458ZM75.016 27.17 45.528 50l29.488 22.83V27.17Z" clip-rule="evenodd"/>
+  </mask>
+  <g mask="url(#a)">
+    <path fill="#0065A9" d="M96.461.874 75.857.867a6.227 6.227 0 0 0-7.104 1.271L29.355 38.04 12.187 25.01a4.163 4.163 0 0 0-5.318.247l-5.5 5.01a4.167 4.167 0 0 0-.004 6.155L17.18 50 1.365 63.578a4.167 4.167 0 0 0 .004 6.155l5.5 5.01a4.163 4.163 0 0 0 5.318.247l17.168-13.03 39.398 35.906a6.226 6.226 0 0 0 7.104 1.271L96.46 89.233A6.25 6.25 0 0 0 100 83.6V16.4a6.25 6.25 0 0 0-3.539-5.632V.874Z"/>
+    <path fill="#007ACC" d="m96.461 89.126-20.604 9.907a6.226 6.226 0 0 1-7.104-1.271L29.355 61.868 12.187 74.898a4.163 4.163 0 0 1-5.318-.247l-5.5-5.01a4.167 4.167 0 0 1-.004-6.155L17.18 50 1.365 36.422a4.167 4.167 0 0 1 .004-6.155l5.5-5.01a4.163 4.163 0 0 1 5.318-.247l17.168 13.03L68.753 2.134a6.226 6.226 0 0 1 7.104-1.271l20.604 9.906A6.25 6.25 0 0 1 100 16.4v67.2a6.25 6.25 0 0 1-3.539 5.632v-.106Z"/>
+    <path fill="#1F9CF0" d="M75.872 99.126a6.227 6.227 0 0 1-7.104-1.271c2.358 2.358 6.382.688 6.382-2.649V4.794c0-3.337-4.024-5.007-6.382-2.649a6.227 6.227 0 0 1 7.104-1.271l20.589 9.906A6.25 6.25 0 0 1 100 16.413v67.174a6.25 6.25 0 0 1-3.539 5.632L75.872 99.126Z"/>
+  </g>
+</svg>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b1216ff..dd515b3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -279,6 +279,55 @@ import Layout from '../layouts/Layout.astro';
     </div>
   </section>
 
+  <!-- Dev Proxy Toolkit — VS Code extension -->
+  <section class="py-32 px-6 sm:px-8">
+    <div class="max-w-6xl mx-auto">
+      <div class="section-reveal grid md:grid-cols-2 gap-12 md:gap-16 items-center">
+        <div>
+          <p class="text-sm font-semibold tracking-widest uppercase text-purple-400 mb-4">VS Code Extension</p>
+          <h3 class="text-3xl md:text-4xl font-bold mb-6 leading-tight">Dev Proxy Toolkit for Visual&nbsp;Studio&nbsp;Code.</h3>
+          <p class="text-lg leading-relaxed mb-6" style="color: var(--text-muted);">
+            Control Dev Proxy directly from your editor. Manage configurations with IntelliSense, use 100+ code snippets, and leverage the built-in MCP server for AI-assisted development&thinsp;&mdash;&thinsp;all without leaving VS&nbsp;Code.
+          </p>
+          <a href="https://marketplace.visualstudio.com/items?itemName=garrytrinder.dev-proxy-toolkit" target="_blank" rel="noopener" class="text-purple-400 hover:text-purple-300 font-medium transition-colors">
+            Install from Marketplace &rarr;
+          </a>
+        </div>
+        <div class="rounded-2xl border p-6 md:p-8 overflow-hidden" style="background: var(--bg-secondary); border-color: var(--border-primary);">
+          <div class="flex items-center gap-3 mb-6">
+            <img src={`${import.meta.env.BASE_URL}logos/vscode.svg`} alt="Visual Studio Code" class="w-8 h-8" />
+            <div>
+              <p class="font-semibold">Dev Proxy Toolkit</p>
+              <p class="text-xs" style="color: var(--text-faint);">garrytrinder</p>
+            </div>
+          </div>
+          <div class="space-y-3 font-mono text-sm">
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">Control Dev Proxy from VS Code</span>
+            </div>
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">IntelliSense for config files</span>
+            </div>
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">100+ code snippets</span>
+            </div>
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">Debugger integration</span>
+            </div>
+            <div class="flex items-center gap-3">
+              <span class="text-green-400">&#10003;</span>
+              <span style="color: var(--text-secondary);">MCP server for AI-assisted development</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <!-- .NET Foundation membership -->
   <section class="py-24 px-6 sm:px-8">
     <div class="max-w-4xl mx-auto text-center">