Task/perf benchmark methodology

.vitepress/theme/components/CoreModules.vue

@@ -51,14 +51,14 @@ import { Globe, Terminal, Bot, CircleCheck } from 'lucide-vue-next'
                     </div>
                 </div>
 
-                <!-- Module 3: AI & Agents -->
+                <!-- Module 3: AI & MCP -->
                 <div class="bg-surface-container-lowest p-10 flex flex-col gap-8 hover:bg-brand-teal/[0.02] transition-colors group">
                     <div class="space-y-4">
                         <div class="w-10 h-10 bg-brand-teal/10 rounded flex items-center justify-center text-brand-teal group-hover:scale-110 transition-transform">
                             <Bot :size="20" />
                         </div>
-                        <h3 class="font-headline-md text-headline-md font-semibold text-on-surface tracking-[-0.01em]">AI &amp; Agents</h3>
-                        <p class="text-body-sm font-body-sm text-on-surface-variant">Build AI-native services and autonomous agents on the async core — register LLM providers, orchestrate tools, and stream responses through the same container and provider pattern that powers the rest of your app.</p>
+                        <h3 class="font-headline-md text-headline-md font-semibold text-on-surface tracking-[-0.01em]">AI &amp; MCP</h3>
+                        <p class="text-body-sm font-body-sm text-on-surface-variant">Build AI-native services and MCP servers on the async core. Built on top of <a href="https://www.langchain.com" class="text-brand-teal hover:underline">LangChain</a> — wire LLM providers, expose tools over the Model Context Protocol, and stream responses through the same container and provider pattern that powers the rest of your app.</p>
                     </div>
                     <div class="mt-auto">
                         <div class="bg-surface-container-low rounded border border-outline-variant p-3 space-y-3 group-hover:border-brand-teal/30 transition-colors">

.vitepress/theme/components/HeroSection.vue

@@ -179,9 +179,9 @@
                 <!-- Badge -->
                 <div class="inline-flex items-center gap-2 px-3 py-1 glass-teal rounded-full">
                     <span class="relative flex h-2 w-2">
-            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-teal opacity-75"></span>
-            <span class="relative inline-flex rounded-full h-2 w-2 bg-brand-teal"></span>
-          </span>
+                        <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-brand-teal opacity-75"></span>
+                        <span class="relative inline-flex rounded-full h-2 w-2 bg-brand-teal"></span>
+                    </span>
                     <span class="text-label-sm font-label-sm text-brand-teal uppercase tracking-wider">Architected for production</span>
                 </div>
 
@@ -207,6 +207,14 @@
                         <Terminal :size="18"/>
                     </a>
                 </div>
+
+                <!-- Stats -->
+                <div class="grid grid-cols-2 gap-8 pt-8 border-t border-outline-variant">
+                    <div>
+                        <div class="text-headline-md font-headline-md font-semibold text-brand-teal tracking-[-0.01em]">70%</div>
+                        <div class="text-label-sm font-label-sm text-on-surface-variant uppercase mt-1">Test Coverage</div>
+                    </div>
+                </div>
             </div>
 
             <!-- Right Column: Code Editor -->

docs/getting-started.md

@@ -13,7 +13,7 @@ jsonLd:
     "name": "Fastapi Startkit Team"
 ---
 
-## Introduction
+# Introduction
 
 FastAPI is excellent for quickly building APIs, but it intentionally leaves many application-level concerns to the developer. Things like environment management (including multiple environments), logging, database setup, configuration, CLI commands, storage, and other infrastructure are things you typically need to design and wire together yourself.