diff --git a/ai.symfony.com/assets/icons/tabler/brand-slack.svg b/ai.symfony.com/assets/icons/tabler/brand-slack.svg
new file mode 100644
index 000000000..a457013ec
--- /dev/null
+++ b/ai.symfony.com/assets/icons/tabler/brand-slack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12V6a2 2 0 0 1 4 0v6m0-2a2 2 0 1 1 2 2h-6m0 0h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1-2 2v-6m0 0v6a2 2 0 0 1-4 0v-6m0 2a2 2 0 1 1-2-2h6m0 0H6a2 2 0 0 1 0-4h6m-2 0a2 2 0 1 1 2-2v6"/></svg>
\ No newline at end of file
diff --git a/ai.symfony.com/assets/icons/tabler/crop.svg b/ai.symfony.com/assets/icons/tabler/crop.svg
new file mode 100644
index 000000000..e8b269629
--- /dev/null
+++ b/ai.symfony.com/assets/icons/tabler/crop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 5v10a1 1 0 0 0 1 1h10"/><path d="M5 8h10a1 1 0 0 1 1 1v10"/></g></svg>
\ No newline at end of file
diff --git a/ai.symfony.com/assets/icons/tabler/lifebuoy.svg b/ai.symfony.com/assets/icons/tabler/lifebuoy.svg
deleted file mode 100644
index 69153f312..000000000
--- a/ai.symfony.com/assets/icons/tabler/lifebuoy.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0"/><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m12 3l3.35 3.35M9 15l-3.35 3.35m0-12.7L9 9m9.35-3.35L15 9"/></g></svg>
\ No newline at end of file
diff --git a/ai.symfony.com/assets/styles/app.css b/ai.symfony.com/assets/styles/app.css
index 2ba10eb1e..23903abf4 100644
--- a/ai.symfony.com/assets/styles/app.css
+++ b/ai.symfony.com/assets/styles/app.css
@@ -218,9 +218,10 @@ button#themeToggle {
 .demo-blog .demo-icon { background: linear-gradient(180deg, #433F77, #C43BC2); }
 .demo-youtube .demo-icon { background: linear-gradient(180deg, #C05920, #CF781A); }
 .demo-wikipedia .demo-icon { background: linear-gradient(180deg, #1CA574, #56AB48); }
-.demo-audio .demo-icon { background: linear-gradient(180deg, #85A72B, #97BC43); }
-.demo-video .demo-icon { background: linear-gradient(180deg, #42DEEE, #7069B0); }
-.demo-tuto .demo-icon { background: linear-gradient(180deg, #3B9D87, #35A781); }
+.demo-crop .demo-icon { background: linear-gradient(180deg, #85A72B, #97BC43); }
+.demo-audio .demo-icon { background: linear-gradient(180deg, #42DEEE, #7069B0); }
+.demo-video .demo-icon { background: linear-gradient(180deg, #3B9D87, #35A781); }
+.demo-turbo .demo-icon { background: linear-gradient(180deg, #E94E77, #D68189); }
 
 .footer-meta {
     font-size: 0.8rem;
diff --git a/ai.symfony.com/templates/homepage.html.twig b/ai.symfony.com/templates/homepage.html.twig
index 1389734ee..28de633f5 100644
--- a/ai.symfony.com/templates/homepage.html.twig
+++ b/ai.symfony.com/templates/homepage.html.twig
@@ -229,6 +229,27 @@
                         </article>
                     </div>
 
+                    <div class="col-md-6">
+                        <article class="demo-crop sf-ai-card sf-ai-card-hover h-100">
+                            <div class="position-relative card-body p-3 p-lg-4 d-flex gap-3 align-items-start">
+                                <div class="demo-icon bg-success bg-opacity-10 text-success flex-shrink-0">
+                                    {{ ux_icon('tabler:crop', {width: 42, height: 42}) }}
+                                </div>
+                                <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="https://github.com/symfony/ai-demo" class="stretched-link">Smart Cropping</a>
+                                        </h3>
+                                        {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
+                                    </div>
+                                    <p class="text-balance mb-0 text-muted small">
+                                        AI-assisted image cropping to focus on key elements on the image while resizing.
+                                    </p>
+                                </div>
+                            </div>
+                        </article>
+                    </div>
+
                     <div class="col-md-6">
                         <article class="demo-audio sf-ai-card sf-ai-card-hover h-100">
                             <div class="position-relative card-body p-3 p-lg-4 d-flex gap-3 align-items-start">
@@ -274,7 +295,7 @@
                     </div>
 
                     <div class="col-md-6">
-                        <article class="demo-tuto sf-ai-card sf-ai-card-hover h-100">
+                        <article class="demo-turbo sf-ai-card sf-ai-card-hover h-100">
                             <div class="position-relative card-body p-3 p-lg-4 d-flex gap-3 align-items-start">
                                 <div class="demo-icon bg-primary bg-opacity-10 text-primary flex-shrink-0">
                                     {{ ux_icon('logos:symfony-letters', {width: 36, height: 36}) }}
@@ -282,7 +303,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="https://github.com/symfony/ai-demo" class="stretched-link">Tuto stream Bot</a>
+                                            <a href="https://github.com/symfony/ai-demo" class="stretched-link">Turbo stream Bot</a>
                                         </h3>
                                         {{ ux_icon('tabler:arrow-right', {width: 24, height: 24, class: 'ms-1'}) }}
                                     </div>
@@ -337,12 +358,12 @@
                             <div class="card-body p-3 p-lg-4 position-relative">
                                 <div class="d-flex align-items-start justify-content-between gap-2 mb-1">
                                     <h3 class="h5 ff-title fw-bold mb-3">
-                                        <a class="stretched-link" href="https://github.com/symfony/ai/issues" target="_blank">Support</a>
+                                        <a class="stretched-link" href="https://symfony-devs.slack.com/archives/C09BAPA9BJP" target="_blank">Support in Slack</a>
                                     </h3>
-                                    {{ ux_icon('tabler:lifebuoy', {width: 24, height: 24, class: 'ms-1 text-muted'}) }}
+                                    {{ ux_icon('tabler:brand-slack', {width: 24, height: 24, class: 'ms-1 text-muted'}) }}
                                 </div>
                                 <p class="text-muted small mb-0">
-                                    Ask questions about SymfonyAI
+                                    Ask questions in Slack channel <strong>#ai-initiative</strong>
                                 </p>
                             </div>
                         </article>