diff --git a/pages/landing/FooterSection.vue b/pages/landing/FooterSection.vue
index e2f6fc746..086126244 100644
--- a/pages/landing/FooterSection.vue
+++ b/pages/landing/FooterSection.vue
@@ -6,10 +6,10 @@
                     <ul class="list-none p-0 m-0">
                         <li class="font-bold mb-5">General</li>
                         <li class="mb-4">
-                            <router-link to="/installation" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">Get Started</router-link>
+                            <router-link to="/installation" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Get Started</router-link>
                         </li>
                         <li class="mb-4">
-                            <a href="https://github.com/primefaces/primevue-examples" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Examples</a>
+                            <a href="https://github.com/primefaces/primevue-examples" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Examples</a>
                         </li>
                     </ul>
                 </div>
@@ -17,13 +17,13 @@
                     <ul class="list-none p-0 m-0">
                         <li class="font-bold mb-5">Support</li>
                         <li class="mb-4">
-                            <a href="https://github.com/orgs/primefaces/discussions" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Forum</a>
+                            <a href="https://github.com/orgs/primefaces/discussions" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Forum</a>
                         </li>
                         <li class="mb-4">
-                            <a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Discord</a>
+                            <a href="https://discord.gg/gzKFYnpmCY" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Discord</a>
                         </li>
                         <li class="mb-4">
-                            <router-link to="/support" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">PRO Support</router-link>
+                            <router-link to="/support" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">PRO Support</router-link>
                         </li>
                     </ul>
                 </div>
@@ -31,27 +31,27 @@
                     <ul class="list-none p-0 m-0">
                         <li class="font-bold mt-5 lg:mt-0 mb-5">Resources</li>
                         <li class="mb-4">
-                            <a href="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer"
+                            <a href="https://www.youtube.com/channel/UCTgmp69aBOlLnPEqlUyetWw" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer"
                                 >PrimeTV</a
                             >
                         </li>
                         <li class="mb-4">
-                            <a href="https://www.primefaces.org/store/" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Store</a>
+                            <a href="https://www.primefaces.org/store/" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Store</a>
                         </li>
                         <li class="mb-4">
-                            <a href="https://github.com/primefaces/primevue" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Source Code</a>
+                            <a href="https://github.com/primefaces/primevue" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Source Code</a>
                         </li>
                         <li class="mb-4">
-                            <a href="https://twitter.com/primevue" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Twitter</a>
+                            <a href="https://twitter.com/primevue" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Twitter</a>
                         </li>
                         <li class="mb-4">
-                            <a href="https://www.primefaces.org/newsletter" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">Newsletter</a>
+                            <a href="https://www.primefaces.org/newsletter" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">Newsletter</a>
                         </li>
                         <li class="mb-4">
-                            <a href="https://gear.primefaces.org/" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150" target="_blank" rel="noopener noreferrer">PrimeGear</a>
+                            <a href="https://gear.primefaces.org/" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300" target="_blank" rel="noopener noreferrer">PrimeGear</a>
                         </li>
                         <li class="mb-4">
-                            <a href="mailto:contact@primetek.com.tr" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">Contact Us</a>
+                            <a href="mailto:contact@primetek.com.tr" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Contact Us</a>
                         </li>
                     </ul>
                 </div>
@@ -59,13 +59,13 @@
                     <ul class="list-none p-0 m-0">
                         <li class="font-bold mt-5 lg:mt-0 mb-5">Theming</li>
                         <li class="mb-4">
-                            <router-link to="/theming" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">Guide</router-link>
+                            <router-link to="/theming" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Guide</router-link>
                         </li>
                         <li class="mb-4">
-                            <a href="https://designer.primevue.org" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">Designer</a>
+                            <a href="https://designer.primevue.org" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Designer</a>
                         </li>
                         <li class="mb-4">
-                            <router-link to="/colors" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-150">Colors</router-link>
+                            <router-link to="/colors" class="text-secondary font-medium hover:text-primary border-round transition-all transition-duration-300">Colors</router-link>
                         </li>
                     </ul>
                 </div>