diff --git a/ux.symfony.com/assets/icons/bluesky.svg b/ux.symfony.com/assets/icons/bluesky.svg
new file mode 100644
index 00000000000..53bc4a1e218
--- /dev/null
+++ b/ux.symfony.com/assets/icons/bluesky.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path fill="currentColor" d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565C.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479c.815 2.736 3.713 3.66 6.383 3.364q.204-.03.415-.056q-.207.033-.415.056c-3.912.58-7.387 2.005-2.83 7.078c5.013 5.19 6.87-1.113 7.823-4.308c.953 3.195 2.05 9.271 7.733 4.308c4.267-4.308 1.172-6.498-2.74-7.078a9 9 0 0 1-.415-.056q.21.026.415.056c2.67.297 5.568-.628 6.383-3.364c.246-.828.624-5.79.624-6.478c0-.69-.139-1.861-.902-2.206c-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8"/>
+</svg>
diff --git a/ux.symfony.com/assets/styles/sections/_header.scss b/ux.symfony.com/assets/styles/sections/_header.scss
index d06a074e6fc..d9cf1b81535 100644
--- a/ux.symfony.com/assets/styles/sections/_header.scss
+++ b/ux.symfony.com/assets/styles/sections/_header.scss
@@ -88,9 +88,14 @@ body.locked {
 
 @media (min-width: 860px) {
   .AppHeader_logo {
-    --height: 2.5rem;
+    --height: 2rem;
   }
   .AppHeader_toggler {
     display: none !important;
   }
 }
+@media (min-width: 1020px) {
+    .AppHeader_logo {
+    --height: 2.5rem;
+  }
+}
diff --git a/ux.symfony.com/assets/styles/sections/_nav.scss b/ux.symfony.com/assets/styles/sections/_nav.scss
index df616e9916b..f0a59f060f3 100644
--- a/ux.symfony.com/assets/styles/sections/_nav.scss
+++ b/ux.symfony.com/assets/styles/sections/_nav.scss
@@ -5,15 +5,6 @@
   flex-direction: row;
   gap: 1.5rem;
   justify-content: space-between;
-
-  @media (max-width: 859px) {
-    flex-wrap: wrap;
-  }
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  gap: 1.5rem;
-  justify-content: space-between;
   @media (max-width: 859px) {
     flex-wrap: wrap;
   }
@@ -32,6 +23,29 @@
   }
 }
 
+.AppNav_socials {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  justify-content: center;
+  
+  @media (max-width: 576px) {
+    position: absolute;
+    top: 80vh;
+    width: 100%;
+    display: none;
+  }
+}
+.AppHeader.open .AppNav_socials {
+    @media (max-width: 576px) {
+      display: flex;
+      gap: 2rem;
+      .AppNav_item--icon .Icon {
+        font-size: 2rem;
+      }
+    }
+}
+
 .AppNav_menu {
   justify-content: flex-end;
   display: flex;
@@ -90,13 +104,18 @@
   border: none;
   background: none;
   text-align: center;
-  line-height: 2rem;
+  line-height: 1.45;
   position: relative;
   transition: all 250ms;
   &:hover {
     opacity: 1;
   }
 }
+.AppNav_item--cs {
+  @media (min-width: 860px) and (max-width: 1023px) {
+    display: none;
+  }
+} 
 .AppNav_item--desktop {
   @media (min-width: 860px) {
     display: none;
diff --git a/ux.symfony.com/public/.well-known/atproto-did b/ux.symfony.com/public/.well-known/atproto-did
new file mode 100644
index 00000000000..34eff4af281
--- /dev/null
+++ b/ux.symfony.com/public/.well-known/atproto-did
@@ -0,0 +1 @@
+did:plc:qvqugq4wjihbrwtua5du6d4l
diff --git a/ux.symfony.com/templates/_header.html.twig b/ux.symfony.com/templates/_header.html.twig
index 3a2eb26ca89..c0ce67fb6c0 100644
--- a/ux.symfony.com/templates/_header.html.twig
+++ b/ux.symfony.com/templates/_header.html.twig
@@ -16,22 +16,33 @@
                     <twig:ux:icon name="menu"/>
                 </button>
                 <twig:ThemeSwitcher class="AppNav_item AppNav_item--icon" aria-label="Switch dark/light mode"/>
-                <a
-                    class="AppNav_item AppNav_item--icon d-none d-sm-grid"
-                    href="https://x.com/symfonyux"
-                    rel="external me"
-                    title="Symfony UX on X (Twitter)"
-                >
-                    <twig:ux:icon name="x-twitter"/>
-                </a>
-                <a
-                    class="AppNav_item AppNav_item--icon d-none d-sm-grid"
-                    href="https://github.com/symfony/ux"
-                    rel="external me"
-                    title="Symfony UX on GitHub"
-                >
-                    <twig:ux:icon name="github" />
-                </a>
+                <div class="AppNav_socials">
+                    <a
+                        class="AppNav_item AppNav_item--icon d-grid"
+                        href="https://x.com/symfonyux"
+                        rel="external me"
+                        title="Symfony UX on X (Twitter)"
+                    >
+                        <twig:ux:icon name="x-twitter"/>
+                    </a>
+                    <a
+                        class="AppNav_item AppNav_item--icon d-grid"
+                        href="https://bsky.app/profile/ux.symfony.com"
+                        rel="external me"
+                        title="Symfony UX on BlueSky"
+                    >
+                        <span class="AppNav_badge" data-content="New"></span>
+                        <twig:ux:icon name="bluesky"/>
+                    </a>
+                    <a
+                        class="AppNav_item AppNav_item--icon d-grid"
+                        href="https://github.com/symfony/ux"
+                        rel="external me"
+                        title="Symfony UX on GitHub"
+                    >
+                        <twig:ux:icon name="github" />
+                    </a>
+                </div>
             </div>
 
             <div class="AppNav_menu">
@@ -39,12 +50,12 @@
                 <a href="{{ path('app_live_component') }}" class="AppNav_item">Live <span>Components</span></a>
                 <a href="{{ path('app_icons') }}" class="AppNav_item">Icons</a>
                 <a href="{{ path('app_packages') }}" class="AppNav_item">Packages</a>
-                <a href="{{ path('app_cookbook') }}" class="AppNav_item">
+                <a href="{{ path('app_demos') }}" class="AppNav_item">Demos</a>
+                <a href="{{ path('app_cookbook') }}" class="AppNav_item AppNav_item--cs">Cookbook</a>
+                <a href="{{ path('app_support') }}" class="AppNav_item AppNav_item--cs" rel="help">
                     <span class="AppNav_badge" data-content="New"></span>
-                    Cookbook
+                    Support
                 </a>
-                <a href="{{ path('app_demos') }}" class="AppNav_item">Demos</a>
-                <a href="{{ path('app_support') }}" class="AppNav_item AppNav_item--desktop" rel="help">Support</a>
             </div>
 
         </nav>
diff --git a/ux.symfony.com/templates/support.html.twig b/ux.symfony.com/templates/support.html.twig
index 46cbf4108f1..98ea45fa31b 100644
--- a/ux.symfony.com/templates/support.html.twig
+++ b/ux.symfony.com/templates/support.html.twig
@@ -16,25 +16,19 @@
     </div>
 
     <section style="--padding:0;">
-        <div class="container-fluid container px-4 pt-4 px-md-5" style="max-width: 1000px;">
+        <div class="container-fluid container px-4 pt-4 px-md-5" style="max-width: 1200px;">
             <div style="display: grid; gap: 3rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))">
 
                 <div class="SupportBox">
                     <div class="SupportBox_logo">
                         <twig:ux:icon name="github"  />
                     </div>
-                    <div class="SupportBox_badge">
-                        <span class="Badge Badge--new">
-                            <twig:ux:icon name="bi:stars" style="width: 1.25em; display: block;" />
-                            New!
-                        </span>
-                    </div>
                     <div class="SupportBox_content">
                         <h2 class="SupportBox_title">
                             <a href="https://github.com/symfony/ux/discussions" class="SupportBox_link" rel="external me">Github Discussions</a>
                         </h2>
                         <p class="SupportBox_description">
-                            Engage in our GitHub Discussions to find answers and ask the community for help.
+                            Engage in our GitHub Discussions to find answers, ideas or ask the <code>community</code> for help.
                         </p>
                     </div>
                 </div>
@@ -55,14 +49,34 @@
 
                 <div class="SupportBox">
                     <div class="SupportBox_logo">
-                        <twig:ux:icon name="x-twitter" />
+                        <twig:ux:icon name="bluesky" style="color:#0A7AFFFF;"/>
+                    </div>
+                    <div class="SupportBox_badge">
+                        <span class="Badge Badge--new">
+                            <twig:ux:icon name="bi:stars" style="width: 1.25em; display: block;" />
+                            New!
+                        </span>
                     </div>
                     <div class="SupportBox_content">
                         <h2 class="SupportBox_title">
-                            <a href="https://x.com/SymfonyUX" class="SupportBox_link" rel="external me"><s>Twitter</s> X</a>
+                            <a href="https://bsky.app/profile/ux.symfony.com" class="SupportBox_link" rel="external me">BlueSky</a>
                         </h2>
                         <p class="SupportBox_description">
-                            Follow the conversation on X for the latest tips and updates about <code>#SymfonyUX</code>.
+                            Join and follow <code>@ux.symfony.com</code> to get updates and interact with the <code>#SymfonyUX</code> team!
+                        </p>
+                    </div>
+                </div>
+
+                <div class="SupportBox">
+                    <div class="SupportBox_logo">
+                        <twig:ux:icon name="github"  />
+                    </div>
+                    <div class="SupportBox_content">
+                        <h2 class="SupportBox_title">
+                            <a href="https://github.com/symfony/ux/issues" class="SupportBox_link" rel="external me">Github Issues</a>
+                        </h2>
+                        <p class="SupportBox_description">
+                            Submit <code>bug reports</code> or contribute to the documentation on our GitHub Issues tracker.
                         </p>
                     </div>
                 </div>
@@ -81,19 +95,19 @@
                     </div>
                 </div>
 
-                {% if false %}
                 <div class="SupportBox">
                     <div class="SupportBox_logo">
-                        <twig:ux:icon name="logos:stackoverflow-icon" />
+                        <twig:ux:icon name="x-twitter" />
                     </div>
                     <div class="SupportBox_content">
                         <h2 class="SupportBox_title">
-                            <a href="https://stackoverflow.com/questions/tagged/symfonyux" class="SupportBox_link">Stack Overflow</a>
+                            <a href="https://x.com/SymfonyUX" class="SupportBox_link" rel="external me"><s>Twitter</s> X</a>
                         </h2>
-                        <p class="SupportBox_description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<code>#ux</code> Nullam auctor, nunc nec</p>
+                        <p class="SupportBox_description">
+                            Follow the conversation on X for the latest tips and updates about <code>#SymfonyUX</code>.
+                        </p>
                     </div>
                 </div>
-                {% endif %}
 
             </div>
         </div>