From 2257fe2a086562ecad2ab2fe9999d71ff4872828 Mon Sep 17 00:00:00 2001
From: ajnart <thomas@ajnart.fr>
Date: Thu, 13 Aug 2026 22:16:54 +0200
Subject: [PATCH] fix(docs): simplify integration nodes

---
 apps/docs/src/components/pages/home/dataflow/dataflow.tsx | 4 +---
 apps/docs/src/pages/index.module.css                      | 8 +++-----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/apps/docs/src/components/pages/home/dataflow/dataflow.tsx b/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
index b491dc5a5..39f2a8aea 100644
--- a/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
+++ b/apps/docs/src/components/pages/home/dataflow/dataflow.tsx
@@ -39,7 +39,7 @@ export const DataflowVisualizationComponent = () => (
     <div
       className={styles.dataflowDiagram}
       role="img"
-      aria-label="Information flowing both ways between Homarr and six connected services"
+      aria-label="Information flowing both ways between Homarr, Radarr, Sonarr, Lidarr, SABnzbd, Jellyfin, and 19 more integrations"
     >
       <svg className={styles.dataflowLines} viewBox="0 0 960 520" preserveAspectRatio="none" aria-hidden="true">
         {paths.map((path) => (
@@ -54,7 +54,6 @@ export const DataflowVisualizationComponent = () => (
       {featuredIntegrations.map((integration) => (
         <div className={`${styles.dataflowNode} ${integration.position}`} key={integration.name}>
           <img src={integration.image} alt="" width={54} height={54} />
-          <span>{integration.name}</span>
         </div>
       ))}
 
@@ -79,7 +78,6 @@ export const DataflowVisualizationComponent = () => (
 
       <div className={`${styles.dataflowNode} ${styles.dataflowHub}`}>
         <img src="/img/logo.png" alt="" width={86} height={86} />
-        <span>Homarr</span>
       </div>
     </div>
   </section>
diff --git a/apps/docs/src/pages/index.module.css b/apps/docs/src/pages/index.module.css
index 4c17f58aa..3c3b084bb 100644
--- a/apps/docs/src/pages/index.module.css
+++ b/apps/docs/src/pages/index.module.css
@@ -304,8 +304,11 @@ section {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   gap: 0.5rem;
+  box-sizing: border-box;
   width: clamp(4.5rem, 10vw, 7.5rem);
+  aspect-ratio: 1;
   padding: clamp(0.6rem, 1.5vw, 1rem);
   border-radius: 0.875rem;
   color: var(--ifm-font-color-base);
@@ -387,11 +390,6 @@ section {
   filter: brightness(0) invert(1);
 }
 
-.dataflowHub span {
-  color: #171717;
-  font-size: clamp(0.8rem, 1.8vw, 1rem);
-}
-
 @keyframes dataflow-signal {
   to {
     stroke-dashoffset: -1;