diff --git a/assets/styles/layout/variables/main/_dark.scss b/assets/styles/layout/variables/main/_dark.scss
index 090fd5f9a..9e198e862 100644
--- a/assets/styles/layout/variables/main/_dark.scss
+++ b/assets/styles/layout/variables/main/_dark.scss
@@ -1,4 +1,4 @@
-.layout-wrapper.layout-dark {
+.layout-dark {
     --topbar-sticky-bg:rgba(0,0,0,.3);
     --card-border: 0 none;
     --card-bg: var(--surface-card);
diff --git a/assets/styles/layout/variables/main/_light.scss b/assets/styles/layout/variables/main/_light.scss
index d4c66e474..aceb44221 100644
--- a/assets/styles/layout/variables/main/_light.scss
+++ b/assets/styles/layout/variables/main/_light.scss
@@ -1,4 +1,4 @@
-.layout-wrapper.layout-light {
+.layout-light {
     --topbar-sticky-bg:rgba(255,255,255,.7);
     --card-border: 1px solid var(--surface-border);
     --card-bg: var(--surface-card);
diff --git a/doc/installation/ExamplesDoc.vue b/doc/installation/ExamplesDoc.vue
index 00e81a4a2..907194cf5 100644
--- a/doc/installation/ExamplesDoc.vue
+++ b/doc/installation/ExamplesDoc.vue
@@ -1,19 +1,19 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>We've created various samples for the popular options in the Vue ecosystem. Visit the <a href="https://github.com/primefaces/primevue-examples">primevue-examples</a> repository for the samples.</p>
+        <p class="mb-0">We've created various samples for the popular options in the Vue ecosystem. Visit the <a href="https://github.com/primefaces/primevue-examples">primevue-examples</a> repository for more samples.</p>
     </DocSectionText>
-    <div class="flex flex-wrap card justify-content-between align-items-center gap-3">
+    <div v-if="false" class="flex flex-wrap card align-items-center gap-5">
         <a href="https://github.com/primefaces/primevue-examples/tree/main/vite-quickstart" class="flex flex-column align-items-center">
-            <img src="https://primefaces.org/cdn/primevue/images/logos/vite.svg" alt="Vite" class="w-8rem h-8rem mb-3" />
-            <span class="font-bold text-xl text-900">Vite</span>
+            <img src="https://primefaces.org/cdn/primevue/images/logos/vite.svg" alt="Vite" class="w-4rem h-4rem mb-3" />
+            <span class="text-xl text-900">Vite</span>
         </a>
         <a href="https://github.com/primefaces/primevue-examples/tree/main/nuxt3-quickstart" class="flex flex-column align-items-center">
-            <img src="https://primefaces.org/cdn/primevue/images/logos/nuxt.svg" alt="Nuxt.JS" class="w-8rem h-8rem mb-3" />
-            <span class="font-bold text-xl text-900">Nuxt</span>
+            <img src="https://primefaces.org/cdn/primevue/images/logos/nuxt.svg" alt="Nuxt.JS" class="w-4rem h-4rem mb-3" />
+            <span class="text-xl text-900">Nuxt</span>
         </a>
         <a href="https://github.com/primefaces/primevue-examples/tree/main/astro-quickstart" class="text-800 flex flex-column align-items-center">
-            <img src="https://primefaces.org/cdn/primevue/images/logos/astro.svg" alt="Astro" class="w-8rem h-8rem mb-3" />
-            <span class="font-bold text-xl text-900">Astro</span>
+            <img src="https://primefaces.org/cdn/primevue/images/logos/astro.svg" alt="Astro" class="w-4rem h-4rem mb-3" />
+            <span class="text-xl text-900">Astro</span>
         </a>
     </div>
 </template>
diff --git a/pages/landing/FooterSection.vue b/pages/landing/FooterSection.vue
index e436b4443..e2f6fc746 100644
--- a/pages/landing/FooterSection.vue
+++ b/pages/landing/FooterSection.vue
@@ -8,6 +8,9 @@
                         <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>
                         </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>
+                        </li>
                     </ul>
                 </div>
                 <div class="w-6 lg:w-3 flex">