diff --git a/doc/avatar/ImageDoc.vue b/doc/avatar/ImageDoc.vue
index dd7d4b0f5..c2f86b95c 100644
--- a/doc/avatar/ImageDoc.vue
+++ b/doc/avatar/ImageDoc.vue
@@ -13,7 +13,7 @@
 
             <div class="flex-auto">
                 <h5>Badge</h5>
-                <Avatar v-badge.danger="4" class="p-overlay-badge" image="/images/organization/walter.jpg" size="xlarge" />
+                <Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
             </div>
 
             <div class="flex-auto">
diff --git a/doc/card/AdvancedDoc.vue b/doc/card/AdvancedDoc.vue
index 6cf2d64ad..92f3a941a 100644
--- a/doc/card/AdvancedDoc.vue
+++ b/doc/card/AdvancedDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
@@ -52,7 +52,7 @@ export default {
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
@@ -77,7 +77,7 @@ export default {
     <div class="card flex align-items-center justify-content-center">
         <Card style="width: 25em">
             <template #header>
-                <img alt="user header" src="/images/usercard.png" />
+                <img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
             </template>
             <template #title> Advanced Card </template>
             <template #subtitle> Card subtitle </template>
diff --git a/doc/inlinemessage/TemplateDoc.vue b/doc/inlinemessage/TemplateDoc.vue
index 6d3b08199..661eff5be 100644
--- a/doc/inlinemessage/TemplateDoc.vue
+++ b/doc/inlinemessage/TemplateDoc.vue
@@ -27,30 +27,18 @@ export default {
         return {
             code: {
                 basic: `
-<InlineMessage
-    :style="{
-        border: 'solid #696cff',
-        borderWidth: '0 0 0 6px',
-        color: '#696cff'
-    }"
-    severity="info"
-    class="border-primary w-full justify-content-start">
+<InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+        severity="info" class="border-primary w-full justify-content-start">
     <div class="flex align-items-center">
-        <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
+        <img alt="logo" src="/images/logo.svg" width="32" />
         <div class="ml-2">Always bet on Prime.</div>
     </div>
 </InlineMessage>`,
                 options: `
 <template>
     <div class="card">
-        <InlineMessage
-            :style="{
-                border: 'solid #696cff',
-                borderWidth: '0 0 0 6px',
-                color: '#696cff'
-            }"
-            severity="info"
-            class="border-primary w-full justify-content-start">
+        <InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+                severity="info" class="border-primary w-full justify-content-start">
             <div class="flex align-items-center">
                 <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
                 <div class="ml-2">Always bet on Prime.</div>
@@ -64,15 +52,8 @@ export default {
                 composition: `
 <template>
     <div class="card">
-        <InlineMessage
-            :style="{
-                border: 'solid #696cff',
-                borderWidth: '0 0 0 6px',
-                color: '#696cff'
-            }"
-            severity="info"
-            class="border-primary w-full justify-content-start"
-        >
+        <InlineMessage :style="{  border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
+                severity="info" class="border-primary w-full justify-content-start">
             <div class="flex align-items-center">
                 <img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
                 <div class="ml-2">Always bet on Prime.</div>
diff --git a/doc/timeline/TemplateDoc.vue b/doc/timeline/TemplateDoc.vue
index 01c005e42..8c1dc7488 100644
--- a/doc/timeline/TemplateDoc.vue
+++ b/doc/timeline/TemplateDoc.vue
@@ -59,7 +59,7 @@ export default {
                 {{ slotProps.item.date }}
             </template>
             <template #content>
-                <img v-if="slotProps.item.image" :src="\`https://primefaces.org/cdn/primevue/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
+                <img v-if="slotProps.item.image" :src="\`/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
                 <p>
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
                     neque quas!
diff --git a/pages/landing/HeaderSection.vue b/pages/landing/HeaderSection.vue
index ef71f9878..5810b28a2 100644
--- a/pages/landing/HeaderSection.vue
+++ b/pages/landing/HeaderSection.vue
@@ -28,7 +28,7 @@
                         </li>
                         <li class="mr-0 lg:mr-2">
                             <router-link to="/uikit">
-                                <img src="/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
+                                <img src="https://primefaces.org/cdn/primevue/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
                                 <span>UI Kit</span>
                             </router-link>
                         </li>