diff --git a/docs/source/index.mdx b/docs/source/index.mdx
index 0d651d717..d5823dd11 100644
--- a/docs/source/index.mdx
+++ b/docs/source/index.mdx
@@ -3,7 +3,7 @@
     <img
       alt="LeRobot, Hugging Face Robotics Library"
       src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/lerobot/lerobot-logo-thumbnail.png"
-      style="width: 240px; max-width: 100%;"
+      style="width: 45%; min-width: 200px; max-width: 420px;"
     ></img>
   </a>
 </div>
@@ -18,6 +18,18 @@
 
 The goal: lower the barrier to entry for robotics, so that everyone can contribute to, and benefit from, shared datasets and pretrained models.
 
+<div align="center" style="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 20px 0;">
+  <a href="https://discord.gg/s3KuuzsPFb" target="_blank">
+    <img alt="Discord" src="https://img.shields.io/badge/Discord-Join_the_Community-5865F2?style=flat&logo=discord&logoColor=white">
+  </a>
+  <a href="https://x.com/LeRobotHF" target="_blank">
+    <img alt="X (Twitter)" src="https://img.shields.io/badge/X-Follow_%40LeRobotHF-black?style=flat&logo=x&logoColor=white">
+  </a>
+  <a href="https://huggingface.co/lerobot" target="_blank">
+    <img alt="Hugging Face Hub" src="https://img.shields.io/badge/HF_Hub-Models_%26_Datasets-FFD21E?style=flat">
+  </a>
+</div>
+
 <div align="center">
   <img src="../../media/readme/robots_control_video.webp" width="640px" alt="Reachy 2 Demo">
 </div>
@@ -87,7 +99,3 @@ New here? [Install LeRobot](./installation), then pick your path:
 </div>
 
 <!-- ASSET TODO: small monochrome icons matching HF's style would read cleaner than emoji in the cards above, once available. -->
-
-## Join the Community
-
-Join the LeRobot community on [Discord](https://discord.gg/s3KuuzsPFb), follow [@LeRobotHF](https://x.com/LeRobotHF) on X, or browse [models and datasets](https://huggingface.co/lerobot) on the Hub.