diff --git a/ai.symfony.com/assets/styles/app.css b/ai.symfony.com/assets/styles/app.css
index 07f2cef4c..2ba10eb1e 100644
--- a/ai.symfony.com/assets/styles/app.css
+++ b/ai.symfony.com/assets/styles/app.css
@@ -190,7 +190,7 @@ button#themeToggle {
     text-align: center;
 }
 .logo-pill:hover {
-    box-shadow: inset 0 0 0 2px var(--sf-ai-link-color);
+    background: var(--sf-ai-bg-secondary);
 }
 .logo-pill svg {
     display: block;
diff --git a/ai.symfony.com/templates/_header.html.twig b/ai.symfony.com/templates/_header.html.twig
index 38238c249..be39aa71b 100644
--- a/ai.symfony.com/templates/_header.html.twig
+++ b/ai.symfony.com/templates/_header.html.twig
@@ -23,7 +23,7 @@
                         <a class="nav-link" href="https://symfony.com/doc/current/ai/index.html">Documentation</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" href="#">Demos</a>
+                        <a class="nav-link" href="https://github.com/symfony/ai-demo">Demos</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="https://symfony.com/doc/current/ai/cookbook/index.html">Cookbook</a>
diff --git a/ai.symfony.com/templates/homepage.html.twig b/ai.symfony.com/templates/homepage.html.twig
index c6e8ec778..1389734ee 100644
--- a/ai.symfony.com/templates/homepage.html.twig
+++ b/ai.symfony.com/templates/homepage.html.twig
@@ -17,12 +17,12 @@
                         </p>
 
                         <div class="d-flex flex-wrap gap-2">
-                            <a href="#" class="btn btn-light btn-lg px-4 d-flex align-items-center">
-                                <span>Add AI to your app</span>
+                            <a href="https://symfony.com/doc/current/ai/bundles/ai-bundle.html" class="btn btn-light btn-lg px-4 d-flex align-items-center">
+                                <span>Add AI to your Symfony app</span>
                                 {{ ux_icon('tabler:arrow-up-right', {width: 24, height: 24, class: 'ms-2'}) }}
                             </a>
-                            <a href="#" class="mt-3 mt-sm-0 ms-lg-4 btn btn-outline-light btn-lg px-4 d-flex align-items-center">
-                                Build server
+                            <a href="https://symfony.com/doc/current/ai/bundles/mcp-bundle.html" class="mt-3 mt-sm-0 ms-lg-4 btn btn-outline-light btn-lg px-4 d-flex align-items-center">
+                                Build MCP Server
                                 {{ ux_icon('tabler:arrow-up-right', {width: 24, height: 24, class: 'ms-2'}) }}
                             </a>
                         </div>
@@ -55,21 +55,21 @@
                         <h2 class="ff-title fw-bold h4 mb-4 text-center">Models</h2>
                         <article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark p-3 p-lg-4">
                             <div class="sf-ai-card-body sf-ai-logo-grid">
-                                <a class="logo-pill" href="#">
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:openai') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:google-gemini') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:mistral') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:claude') }}
-                                </a>
+                                </span>
                             </div>
 
-                            <a href="#" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
+                            <a href="https://symfony.com/doc/current/ai/components/platform.html#supported-models-platforms" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
                                 <span>See all supported models</span>
                                 {{ ux_icon('tabler:arrow-right', {width: 18, height: 18, class: 'ms-1'}) }}
                             </a>
@@ -80,21 +80,21 @@
                         <h2 class="ff-title fw-bold h4 mb-4 mt-5 mt-lg-0 text-center">Platforms</h2>
                         <article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark p-3 p-lg-4">
                             <div class="sf-ai-card-body sf-ai-logo-grid">
-                                <a class="logo-pill" href="#">
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:hugging-face') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:azure') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:ollama') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:docker') }}
-                                </a>
+                                </span>
                             </div>
 
-                            <a href="#" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
+                            <a href="https://symfony.com/doc/current/ai/components/platform.html#supported-models-platforms" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
                                 <span>See all supported platforms</span>
                                 {{ ux_icon('tabler:arrow-right', {width: 18, height: 18, class: 'ms-1'}) }}
                             </a>
@@ -105,21 +105,21 @@
                         <h2 class="ff-title fw-bold h4 mb-4 mt-5 mt-lg-0 text-center">Stores</h2>
                         <article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark p-3 p-lg-4">
                             <div class="sf-ai-card-body sf-ai-logo-grid">
-                                <a class="logo-pill" href="#">
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:pinecone') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:postgresql') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:mariadb') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:chroma') }}
-                                </a>
+                                </span>
                             </div>
 
-                            <a href="#" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
+                            <a href="https://symfony.com/doc/current/ai/components/store.html#supported-stores" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
                                 <span>See all stores</span>
                                 {{ ux_icon('tabler:arrow-right', {width: 18, height: 18, class: 'ms-1'}) }}
                             </a>
@@ -130,21 +130,21 @@
                         <h2 class="ff-title fw-bold h4 mb-4 mt-5 mt-lg-0 text-center">Tools integration</h2>
                         <article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark p-3 p-lg-4">
                             <div class="sf-ai-card-body sf-ai-logo-grid">
-                                <a class="logo-pill" href="#">
+                                <span class="logo-pill">
                                     Similarity Search (RAG)
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:wikipedia') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:youtube') }}
-                                </a>
-                                <a class="logo-pill" href="#">
+                                </span>
+                                <span class="logo-pill">
                                     {{ ux_icon('logos:brave') }}
-                                </a>
+                                </span>
                             </div>
 
-                            <a href="#" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
+                            <a href="https://symfony.com/doc/current/ai/components/agent.html#code-examples-with-built-in-tools" class="mt-5 fw-semibold small text-decoration-none d-flex align-items-center justify-content-end">
                                 <span>See all tools</span>
                                 {{ ux_icon('tabler:arrow-right', {width: 18, height: 18, class: 'ms-1'}) }}
                             </a>
@@ -172,7 +172,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Symfony Blog Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Symfony Blog Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -194,7 +194,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Youtube Transcript Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Youtube Transcript Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -216,7 +216,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Wikipedia research Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Wikipedia research Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -238,7 +238,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Audio Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Audio Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -260,7 +260,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Video Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Video Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -282,7 +282,7 @@
                                 <div class="flex-grow-1">
                                     <div class="d-flex align-items-start gap-2 mb-1">
                                         <h3 class="h5 ff-title fw-bold mb-0">
-                                            <a href="#" class="stretched-link">Tuto stream Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Tuto stream Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>