Index: ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Admin/AdminDashboard.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -6,4 +6,5 @@
 import LoadingIcon from '@/components/Project/Utility/LoadingIcon.vue'
 import { config } from '@/constants/Api_config'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -47,4 +48,7 @@
   },
   methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
     logoUrl(path) {
       if (!path) return ''
@@ -330,4 +334,5 @@
                 class="img-thumbnail"
                 style="width: 40px; height: 40px; object-fit: cover"
+                @error="onImageError"
               /><span v-else class="text-muted">No Logo</span>
             </td>
Index: ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -3,5 +3,5 @@
 import { useUtility } from '@/repository/utility.ts'
 import { config } from '@/constants/Api_config.js'
-import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -15,5 +15,4 @@
       userStore_: userStore(),
       eventImage: null,
-      pancake: pancake,
     }
   },
@@ -30,5 +29,4 @@
   computed: {
     event_image() {
-      if (!this.event.image) return this.pancake
       const url = new URL(this.event.image, config.API_BASE_URL)
       return url.toString()
@@ -60,4 +58,7 @@
       this.$emit('toggle-favourite', this.event.id)
     },
+    onImageError(event) {
+      event.target.src = noImg
+    },
   },
 }
@@ -76,4 +77,5 @@
         class="rounded"
         style="width: 60px; height: 60px; object-fit: cover"
+        @error="onImageError"
       />
     </div>
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -3,6 +3,6 @@
 import { useLocales } from '@/repository/Locale'
 import { config } from '@/constants/Api_config'
-import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import { transformArray } from '@/mixins/utilFunctions'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -10,5 +10,4 @@
     return {
       userStore_: userStore(),
-      pancake: pancake,
       itemsPerSlide: 3,
       processedEventIds: new Set(), // Track which events we've already processed
@@ -40,4 +39,7 @@
 
   methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
     processEventsForLogos(events) {
       if (!events || events.length === 0) return
@@ -102,5 +104,4 @@
 
     getImageLogo(imageLogo) {
-      if (!imageLogo) return this.pankake
       try {
         const url = new URL(imageLogo, config.API_BASE_URL)
@@ -160,7 +161,8 @@
                   <div class="event-image-wrapper">
                     <img
-                      :src="getImageLogo(event.logo) || pancake"
+                      :src="getImageLogo(event.logo)"
                       class="event-image"
                       alt="Event image"
+                      @error="onImageError"
                     />
                     <div class="event-type-badge">
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -2,5 +2,4 @@
 import { userStore } from '@/PiniaStores/UserStore.js'
 import { useLocalManager } from '@/repository/LocalManager'
-import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import { transformArray } from '@/mixins/utilFunctions'
 import { useToasts } from '@/composables/useToast.js'
@@ -10,5 +9,4 @@
     return {
       userStore_: userStore(),
-      pancake: pancake,
       itemsPerSlide: 3,
       showEditModal: false,
Index: ReserveNGo-frontend/src/components/Project/Reservation/reservation_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Reservation/reservation_.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Reservation/reservation_.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -1,4 +1,5 @@
 <script>
 import { config } from '@/constants/Api_config'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -61,4 +62,9 @@
     },
   },
+  methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
+  },
 }
 </script>
@@ -72,4 +78,5 @@
         class="rounded"
         style="width: 64px; height: 64px; object-fit: cover"
+        @error="onImageError"
       />
       <div class="flex-grow-1">
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -17,4 +17,5 @@
 import { useCustomer } from '@/repository/Customer.ts'
 import makeReservationModal from '@/components/Project/Customer/makeReservationModal.vue'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -138,4 +139,7 @@
   },
   methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
     handleRemoveImage(image, index) {
       this.locale.localPhotos.splice(index, 1)
@@ -382,4 +386,5 @@
               style="aspect-ratio: 1 / 1; object-fit: cover"
               alt="Restaurant Logo"
+              @error="onImageError"
             />
             <ManagerFileInput
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_details.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -1,4 +1,5 @@
 <script>
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -11,4 +12,9 @@
       restaurantStore: restaurantStore(),
     }
+  },
+  methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
   },
 }
@@ -23,4 +29,5 @@
         class="me-3"
         style="width: 60px; height: 60px; object-fit: cover; border-radius: 8px"
+        @error="onImageError"
       />
       <h4 class="mb-0">{{ restaurantStore.name }}</h4>
@@ -58,11 +65,9 @@
 <style scoped>
 #container {
-  #container {
-    font-size: 1rem;
-    margin: 30px auto;
-    border-left: 3px solid #8377d1;
-    background-color: #fff;
-    height: 100%;
-  }
+  font-size: 1rem;
+  margin: 30px auto;
+  border-left: 3px solid #8377d1;
+  background-color: #fff;
+  height: 100%;
 }
 </style>
Index: ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -3,6 +3,6 @@
 import { restaurantStore } from '@/PiniaStores/restaurantStore.js'
 import { config } from '@/constants/Api_config.js'
-import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import MakeReservationModal from '@/components/Project/Customer/makeReservationModal.vue'
+import noImg from '@/assets/no-img.png'
 
 export default {
@@ -15,22 +15,15 @@
     mode: String,
   },
-
   data() {
     return {
       userStore_: userStore(),
-      pancake: pancake,
       modalOpen: false,
     }
   },
-
   computed: {
     locale_logo() {
-      if (this.local.logo === null) {
-        return this.pancake
-      }
       const url = new URL(this.local.logo, config.API_BASE_URL)
       return url.toString()
     },
-
     openStatus() {
       if (this.local && typeof this.local.open === 'boolean') {
@@ -40,6 +33,8 @@
     },
   },
-
   methods: {
+    onImageError(event) {
+      event.target.src = noImg
+    },
     handleClick() {
       const store = restaurantStore()
@@ -84,4 +79,5 @@
         class="rounded"
         style="width: 60px; height: 60px; object-fit: cover"
+        @error="onImageError"
       />
     </div>
Index: ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue	(revision 89156d04aa0fe80b52a9d502dc95400417b2c194)
+++ ReserveNGo-frontend/src/components/Project/Utility/PhotosGridSystem.vue	(revision 1e1f04e6989a592ceb2ce0fe84d85066f4fb94df)
@@ -2,11 +2,7 @@
 import { PropType } from 'vue'
 
-import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
-
 export default {
   data() {
-    return {
-      pancake: pancake,
-    }
+    return {}
   },
   props: {