Add discussions link

assets/styles/layout/landing/_header.scss

@@ -61,6 +61,10 @@
             display: none;
         }
 
+        .landing-header-logo {
+            height: 2rem;
+        }
+
         &.landing-header-active {
             background-color: var(--home-header-bg);
             backdrop-filter: blur(12px);

layouts/AppTopBar.vue

@@ -11,19 +11,36 @@
                 <li>
                     <a
                         href="https://github.com/primefaces/primevue"
-                        class="flex px-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                     >
                         <i class="pi pi-github text-700"></i>
                     </a>
                 </li>
                 <li>
-                    <a href="https://discord.gg/gzKFYnpmCY" class="flex px-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary">
+                    <a
+                        href="https://discord.gg/gzKFYnpmCY"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                    >
                         <i class="pi pi-discord text-700"></i>
                     </a>
                 </li>
+                <li>
+                    <a
+                        href="https://github.com/orgs/primefaces/discussions"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                    >
+                        <i class="pi pi-comments text-700"></i>
+                    </a>
+                </li>
                 <li>
                     <button type="button" class="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" @click="onConfigButtonClick">
-                        <i class="pi pi-cog"></i>
+                        <i class="pi pi-palette"></i>
                     </button>
                 </li>
 

pages/landing/HeaderSection.vue

@@ -40,16 +40,19 @@
                         </li>
                     </ol>
                 </nav>
-                <a href="https://github.com/primefaces/primevue" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                <a href="https://github.com/primefaces/primevue" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                     <i class="pi pi-github"></i>
                 </a>
-                <a href="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                     <i class="pi pi-discord"></i>
                 </a>
+                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <i class="pi pi-comments"></i>
+                </a>
                 <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center" @click="toggleTheme">
                     <i :class="['pi', { 'pi-sun': isDarkTheme(), 'pi-moon': !isDarkTheme() }]"></i>
                 </button>
-                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-2 menu-button" @click="toggleMenuActive">
+                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-1 md:ml-2 menu-button" @click="toggleMenuActive">
                     <i class="pi pi-bars"></i>
                 </button>
             </div>