diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000..c57041c
Binary files /dev/null and b/public/images/logo.png differ
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 5ef299e..7a6f278 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -10,8 +10,9 @@
     @livewireStyles
 </head>
 
-<body class="bg-gray-100 antialiased">
-    <div class="min-h-screen flex items-center justify-center py-12">
+<body class="font-sans antialiased bg-cover bg-center"
+    style="background-image: url('{{ asset('images/logo.png') }}')">
+    <div class="min-h-screen flex items-center justify-center bg-gray-900 bg-opacity-50">
         {{ $slot }}
     </div>
 
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
index bbe06ba..8b7bc40 100644
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -1,4 +1,8 @@
 <div class="max-w-md w-full bg-white shadow-xl rounded-lg p-8">
+    <div class="flex justify-center mb-4">
+        <img src="{{ asset('images/logo.png') }}" alt="Logo" class="h-16 w-auto">
+    </div>
+
     <h2 class="text-2xl font-semibold text-center text-gray-900 mb-6">Đăng nhập hệ thống</h2>
 
     <form wire:submit.prevent="login" class="space-y-4">
