diff --git a/resources/views/layouts/error.blade.php b/resources/views/layouts/error.blade.php
new file mode 100644
index 0000000..fe3bcd1
--- /dev/null
+++ b/resources/views/layouts/error.blade.php
@@ -0,0 +1,18 @@
+<x-layout>
+
+    <div class="flex justify-center items-center mt-28 mx-auto pr-4 pt-24 pb-32 bg-center bg-contain bg-no-repeat "
+        style="background-image: url({{ url('/img/error-bg.png') }})">
+        <h2 class="font-bold text-9xl text-black">{{ $code }}</h2>
+    </div>
+
+    <div class="max-w-lg mt-4 mx-auto text-center">
+        <h2 class="text-4xl tracking-wider">{{ $title }}</h2>
+        <p class="text-xl mt-4 max-w-sm mx-auto">{{ $message }}</p>
+    </div>
+
+    <div class="mt-12 flex justify-center divide-x">
+        <x-link class="px-4" href="/">{{ __('Home') }}</x-link>
+        <x-link class="px-4" href="{{ url()->previous() }}">{{ __('Back') }}</x-link>
+    </div>
+
+</x-layout>