diff --git a/public/images/not-found.png b/public/images/not-found.png
new file mode 100644
index 000000000..d9e5d13a1
Binary files /dev/null and b/public/images/not-found.png differ
diff --git a/resources/views/components/part-validation-error-icon.blade.php b/resources/views/components/part-validation-error-icon.blade.php
new file mode 100644
index 000000000..e858bc518
--- /dev/null
+++ b/resources/views/components/part-validation-error-icon.blade.php
@@ -0,0 +1,31 @@
+{{-- @if ($getState())
+    <div class="p-4 text-center">
+        <img src="{{ $getState() }}"
+             onerror="this.onerror=null; this.src='{{ asset('images/not-found.png') }}'"
+             class="rounded shadow mx-auto"
+             style="width: 400px; height: 400px; object-fit: contain;" />
+    </div>
+@else
+    <div class="p-4 text-center">
+        <img src="{{ asset('images/not-found.png') }}"
+             class="rounded shadow mx-auto"
+             style="width: 400px; height: 400px; object-fit: contain;" />
+    </div>
+@endif --}}
+
+@if ($getState())
+    <div class="p-4 text-center">
+        <img src="{{ $getState() }}?v={{ time() }}"
+             onerror="this.onerror=null; this.src='{{ asset('images/not-found.png') }}'"
+             class="rounded shadow mx-auto"
+             style="width: 200px; height: 200px; object-fit: contain;" />
+    </div>
+@else
+    <div class="p-4 text-center">
+        <img src="{{ asset('images/not-found.png') }}"
+             class="rounded shadow mx-auto"
+             style="width: 200px; height: 200px; object-fit: contain;" />
+    </div>
+@endif
+
+
diff --git a/resources/views/components/part-validation1-error-icon.blade.php b/resources/views/components/part-validation1-error-icon.blade.php
new file mode 100644
index 000000000..ab6af9f1d
--- /dev/null
+++ b/resources/views/components/part-validation1-error-icon.blade.php
@@ -0,0 +1,28 @@
+{{-- @if ($getState())
+    <div class="p-4 text-center">
+        <img src="{{ $getState() }}"
+             class="rounded shadow mx-auto"
+             style="width: 400px; height: 400px; object-fit: contain;" />
+    </div>
+@endif --}}
+
+{{-- @if (!empty($image))
+    <div class="mt-2">
+        <img src="{{ $image }}" alt="Part Validation Error Image" style="width: 200px; height: auto;">
+    </div>
+@endif --}}
+
+@if (!empty($image))
+    <div class="mt-2">
+        <img src="{{ $image }}" alt="Part Validation Error Image" style="width: 200px; height: auto;">
+    </div>
+@else
+    <div class="mt-2">
+        <img src="{{ asset('images/not-found.png') }}" alt="Image Not Found" style="width: 200px; height: auto;">
+    </div>
+@endif
+
+
+
+
+