diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index 2217782..bcee6a0 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -88,7 +88,7 @@ export const Missions: Component = () => {
                     <div class="w-full items-center md:flex">
                       <div class="relative mb-12 w-full max-w-[310px] md:mr-12 md:mb-0 md:max-w-[250px] lg:mr-14 lg:max-w-[280px] 2xl:mr-16">
                         <img
-                          src="../../public/images/mission-2.png"
+                          src="/images/mission-2.png"
                           alt="image"
                           class="w-full"
                         />
@@ -444,7 +444,7 @@ export const Missions: Component = () => {
                       </div>
                       <div class="relative mb-12 w-full max-w-[310px] md:ml-12 md:mb-0 md:max-w-[250px] lg:ml-24 lg:max-w-[280px] 2xl:ml-24">
                         <img
-                          src="../../public/images/vision.png"
+                          src="/images/vision.png"
                           alt="image"
                           class="w-full"
                         />
@@ -766,7 +766,7 @@ export const Missions: Component = () => {
                     <div class="w-full items-center md:flex">
                       <div class="relative mb-12 w-full max-w-[310px] md:mr-12 md:mb-0 md:max-w-[250px] lg:mr-14 lg:max-w-[280px] 2xl:mr-16">
                         <img
-                          src="../../public/images/policy.png"
+                          src="/images/policy.png"
                           alt="image"
                           class="w-full"
                         />
diff --git a/client/src/pages/favorite.tsx b/client/src/pages/favorite.tsx
index b83594b..ead0f03 100644
--- a/client/src/pages/favorite.tsx
+++ b/client/src/pages/favorite.tsx
@@ -5,7 +5,7 @@ const Favorite: Component = () => {
     <section class="bg-white dark:bg-gray-900">
       <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
-          <img alt="comming soon" src="./images/soon.png" />
+          <img alt="comming soon" src="/images/soon.png" />
           <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">
             Coming Soon
           </p>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index ed8f5ad..f3467a1 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -100,31 +100,19 @@ export const Banner: Component = () => {
                 href="#"
                 class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
               >
-                <img
-                  alt=""
-                  src="../../public/images/maybank.svg"
-                  class="w-48 "
-                />
+                <img alt="" src="/images/maybank.svg" class="w-48 " />
               </a>
               <a
                 href="#"
                 class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
               >
-                <img
-                  alt=""
-                  src="../../public/images/prince-bank.png"
-                  class="w-48"
-                />
+                <img alt="" src="/images/prince-bank.png" class="w-48" />
               </a>
               <a
                 href="#"
                 class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
               >
-                <img
-                  alt=""
-                  src="../../public/images/hgb-group.png"
-                  class="w-36"
-                />
+                <img alt="" src="/images/hgb-group.png" class="w-36" />
               </a>
             </div>
             <div class="flex flex-wrap justify-center items-center mt-8 text-gray-500 sm:justify-between">
@@ -132,11 +120,7 @@ export const Banner: Component = () => {
                 href="#"
                 class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
               >
-                <img
-                  alt=""
-                  src="../../public/images/ph_logo.png"
-                  class="w-20"
-                />
+                <img alt="" src="/images/ph_logo.png" class="w-20" />
               </a>
               <a
                 href="#"
@@ -144,7 +128,7 @@ export const Banner: Component = () => {
               >
                 <img
                   alt=""
-                  src="../../public/images/orkide_development_logo.jpg"
+                  src="/images/orkide_development_logo.jpg"
                   class="w-28"
                 />
               </a>
@@ -152,11 +136,7 @@ export const Banner: Component = () => {
                 href="#"
                 class="mr-5 mb-5 lg:mb-0 hover:text-gray-800 dark:hover:text-gray-400"
               >
-                <img
-                  alt=""
-                  src="../../public/images/CAMPU_BANK.jpg"
-                  class="w-72"
-                />
+                <img alt="" src="/images/CAMPU_BANK.jpg" class="w-72" />
               </a>
             </div>
           </div>
diff --git a/client/src/pages/news/index.tsx b/client/src/pages/news/index.tsx
index 9872a43..966e47f 100644
--- a/client/src/pages/news/index.tsx
+++ b/client/src/pages/news/index.tsx
@@ -37,7 +37,7 @@ export const Banner: Component = () => {
                 <img
                   class="object-cover object-center rounded"
                   alt="hero"
-                  src="../../public/images/shopping.png"
+                  src="/images/shopping.png"
                 />
               </div>
             </div>
diff --git a/client/src/pages/news/singlePage.tsx b/client/src/pages/news/singlePage.tsx
index fb35d1d..3f7ffb6 100644
--- a/client/src/pages/news/singlePage.tsx
+++ b/client/src/pages/news/singlePage.tsx
@@ -21,11 +21,7 @@ const SinglePageNews: Component = () => {
             <br />
 
             <figure>
-              <img
-                src="../../../public/images/royal-king.jpg"
-                alt=""
-                class="w-auto"
-              />
+              <img src="/images/royal-king.jpg" alt="" class="w-auto" />
               <figcaption>Digital art by Anonymous</figcaption>
             </figure>
             <h2>
diff --git a/client/src/pages/order.tsx b/client/src/pages/order.tsx
index 9c0d9ff..baa5727 100644
--- a/client/src/pages/order.tsx
+++ b/client/src/pages/order.tsx
@@ -3,7 +3,7 @@ const Order = () => {
     <section class="bg-white dark:bg-gray-900">
       <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
-          <img alt="comming soon" src="./images/soon.png" />
+          <img alt="comming soon" src="/images/soon.png" />
           <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">
             Coming Soon
           </p>