diff --git a/.env.example b/.env.example
index 2d7f02f..0f1015f 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,4 @@
-APP_NAME=Laravel
+APP_NAME=Nightfall
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
index b9c53fe..52c520d 100644
--- a/app/Http/Controllers/UserController.php
+++ b/app/Http/Controllers/UserController.php
@@ -87,7 +87,7 @@ public function destroy(string $id)
     }
 
     /**
-     * Print all user
+     * Print all records
      */
     public function print() {
         return view('print.user', ['data' => User::all()]);
diff --git a/app/View/Components/PrintLayout.php b/app/View/Components/PrintLayout.php
new file mode 100644
index 0000000..16c9e25
--- /dev/null
+++ b/app/View/Components/PrintLayout.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class PrintLayout extends Component
+{
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('layouts.print');
+    }
+}
diff --git a/public/favicon.ico b/public/favicon.ico
index e69de29..9df6680 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
index a7f1f60..3c04dd0 100644
--- a/resources/views/auth/confirm-password.blade.php
+++ b/resources/views/auth/confirm-password.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="password confirm">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index 9fe6df9..66c8ebb 100644
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="forgot password">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index f286e37..c6bb6f0 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="login">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 964d113..a9922e4 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="register">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
index 5991e3e..7c6d685 100644
--- a/resources/views/auth/reset-password.blade.php
+++ b/resources/views/auth/reset-password.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="password reset">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/two-factor-challenge.blade.php b/resources/views/auth/two-factor-challenge.blade.php
index 130d088..7955d22 100644
--- a/resources/views/auth/two-factor-challenge.blade.php
+++ b/resources/views/auth/two-factor-challenge.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="two factor challenge">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/auth/verify-email.blade.php b/resources/views/auth/verify-email.blade.php
index 956e651..fa67bcf 100644
--- a/resources/views/auth/verify-email.blade.php
+++ b/resources/views/auth/verify-email.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="verify email">
     <x-authentication-card>
         <x-slot name="logo">
             <x-authentication-card-logo />
diff --git a/resources/views/components/button.blade.php b/resources/views/components/button.blade.php
index 3331d16..37168a1 100644
--- a/resources/views/components/button.blade.php
+++ b/resources/views/components/button.blade.php
@@ -14,22 +14,22 @@
             $variantClass = 'bg-gray-800 dark:bg-gray-200 text-white dark:text-gray-800 hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300';
         break;
         case 'primary':
-            $variantClass = 'bg-primary-500 text-white hover:bg-primary-400 focus:bg-primary-700 dark:focus:bg-primary-100 active:bg-primary-900 dark:active:bg-primary-300';
+            $variantClass = 'bg-primary-500 text-white hover:bg-primary-400 focus:bg-primary-700 dark:focus:bg-primary-500 active:bg-primary-900 dark:active:bg-primary-300';
         break;
         case 'secondary':
-            $variantClass = 'bg-fuchsia-500 text-white hover:bg-fuchsia-400 focus:bg-fuchsia-700 dark:focus:bg-fuchsia-100 active:bg-fuchsia-900 dark:active:bg-fuchsia-300';
+            $variantClass = 'bg-fuchsia-500 text-white hover:bg-fuchsia-400 focus:bg-fuchsia-700 dark:focus:bg-fuchsia-500 active:bg-fuchsia-900 dark:active:bg-fuchsia-300';
         break;
         case 'success':
-            $variantClass = 'bg-teal-500 text-white hover:bg-teal-400 focus:bg-teal-700 dark:focus:bg-teal-100 active:bg-teal-900 dark:active:bg-teal-300';
+            $variantClass = 'bg-teal-500 text-white hover:bg-teal-400 focus:bg-teal-700 dark:focus:bg-teal-500 active:bg-teal-900 dark:active:bg-teal-300';
         break;
         case 'info':
-            $variantClass = 'bg-sky-500 text-white hover:bg-sky-400 focus:bg-sky-700 dark:focus:bg-sky-100 active:bg-sky-900 dark:active:bg-sky-300';
+            $variantClass = 'bg-sky-500 text-white hover:bg-sky-400 focus:bg-sky-700 dark:focus:bg-sky-500 active:bg-sky-900 dark:active:bg-sky-300';
         break;
         case 'danger':
-            $variantClass = 'bg-red-500 text-white hover:bg-red-400 focus:bg-red-700 dark:focus:bg-red-100 active:bg-red-900 dark:active:bg-red-300';
+            $variantClass = 'bg-red-500 text-white hover:bg-red-400 focus:bg-red-700 dark:focus:bg-red-500 active:bg-red-900 dark:active:bg-red-300';
         break;
         case 'warning':
-            $variantClass = 'bg-yellow-500 text-white hover:bg-yellow-400 focus:bg-yellow-700 dark:focus:bg-yellow-100 active:bg-yellow-900 dark:active:bg-yellow-300';
+            $variantClass = 'bg-yellow-500 text-white hover:bg-yellow-400 focus:bg-yellow-700 dark:focus:bg-yellow-500 active:bg-yellow-900 dark:active:bg-yellow-300';
         break;
         default:
             $variantClass = 'bg-gray-800 dark:bg-gray-200 text-white dark:text-gray-800 hover:bg-gray-700 dark:hover:bg-white focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300';
diff --git a/resources/views/components/input.blade.php b/resources/views/components/input.blade.php
index 33f188b..46f1754 100644
--- a/resources/views/components/input.blade.php
+++ b/resources/views/components/input.blade.php
@@ -1,3 +1,14 @@
 @props(['disabled' => false])
 
-<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-primary-500 dark:focus:border-primary-600 focus:ring-primary-500 dark:focus:ring-primary-600 rounded-md shadow-sm']) !!}>
+@if($attributes->get('type') === 'password')
+<div class="relative">
+    <input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-primary-500 dark:focus:border-primary-600 focus:ring-primary-500 dark:focus:ring-primary-600 rounded-md shadow-sm']) !!}>
+    <div aria-hidden="true" class="absolute inset-y-0 right-0 flex items-center pr-4 cursor-pointer"
+        onclick="document.getElementById('{{ $attributes->get('id') }}').type = document.getElementById('{{ $attributes->get('id') }}').type === 'password' ? 'text' : 'password'"
+    >
+        <x-heroicon-o-eye-slash aria-hidden="true" class="w-5 h-5" />
+    </div>
+</div>
+@else
+    <input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge(['class' => 'border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-primary-500 dark:focus:border-primary-600 focus:ring-primary-500 dark:focus:ring-primary-600 rounded-md shadow-sm']) !!}>
+@endif
\ No newline at end of file
diff --git a/resources/views/components/link.blade.php b/resources/views/components/link.blade.php
index 30f0f55..f2eeea8 100644
--- a/resources/views/components/link.blade.php
+++ b/resources/views/components/link.blade.php
@@ -1,6 +1,11 @@
 @props([
     'href' => '#',
-    'text' => false
+    'text' => false,
+    'hardRefresh' => false
 ])
 
-<a href="{{ $href }}" {{ $attributes }} wire:navigate>{{ $text ? $text : $slot }}</a>
\ No newline at end of file
+@if($hardRefresh)
+    <a href="{!! $href !!}" {{ $attributes }}>{{ $text ? $text : $slot }}</a>
+@else
+    <a href="{!! $href !!}" {{ $attributes }} wire:navigate>{{ $text ? $text : $slot }}</a>
+@endif
\ No newline at end of file
diff --git a/resources/views/components/print-layout.blade.php b/resources/views/components/print-layout.blade.php
new file mode 100644
index 0000000..2f9d034
--- /dev/null
+++ b/resources/views/components/print-layout.blade.php
@@ -0,0 +1,3 @@
+<div>
+    <!-- He who is contented is rich. - Laozi -->
+</div>
\ No newline at end of file
diff --git a/resources/views/components/sidebar.blade.php b/resources/views/components/sidebar.blade.php
index cb4f836..3dc1c71 100644
--- a/resources/views/components/sidebar.blade.php
+++ b/resources/views/components/sidebar.blade.php
@@ -5,7 +5,7 @@
     </div>
     <div class="drawer-side">
         <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
-        <ul class="menu bg-white dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700 p-4 w-72 min-h-full text-base-content">
+        <ul class="menu bg-white dark:bg-gray-800 border-r border-gray-100 dark:border-gray-700 p-4 w-60 md:w-72 min-h-full text-base-content">
             <div class="shrink-0 flex items-center mb-10">
                 <a href="{{ route('dashboard') }}">
                     <x-application-logo class="block h-9 w-auto" />
diff --git a/resources/views/dashboard/button.blade.php b/resources/views/dashboard/button.blade.php
index 3870eb4..ff01771 100644
--- a/resources/views/dashboard/button.blade.php
+++ b/resources/views/dashboard/button.blade.php
@@ -1,4 +1,4 @@
-<x-app-layout>
+<x-app-layout where="buttons">
     <x-slot name="header">
         <div class="flex justify-between items-center">
             <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
diff --git a/resources/views/dashboard/user/create.blade.php b/resources/views/dashboard/user/create.blade.php
index f35dd20..ee20f0b 100644
--- a/resources/views/dashboard/user/create.blade.php
+++ b/resources/views/dashboard/user/create.blade.php
@@ -1,4 +1,4 @@
-<x-app-layout>
+<x-app-layout where="create new user">
     <x-slot name="header">
         <div class="flex justify-between items-center">
             <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
diff --git a/resources/views/dashboard/user/edit.blade.php b/resources/views/dashboard/user/edit.blade.php
index b9997e6..60354b3 100644
--- a/resources/views/dashboard/user/edit.blade.php
+++ b/resources/views/dashboard/user/edit.blade.php
@@ -1,4 +1,4 @@
-<x-app-layout>
+<x-app-layout where="edit user">
     <x-slot name="header">
         <div class="flex justify-between items-center">
             <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
diff --git a/resources/views/dashboard/user/index.blade.php b/resources/views/dashboard/user/index.blade.php
index d5ea1fd..1cf517a 100644
--- a/resources/views/dashboard/user/index.blade.php
+++ b/resources/views/dashboard/user/index.blade.php
@@ -1,10 +1,13 @@
-<x-app-layout>
+<x-app-layout where="user">
     <x-slot name="header">
         <div class="flex justify-between items-center">
             <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
                 {{ __('User') }}
             </h2>
-            <x-button variant="primary" href="{{ route('user.create') }}">Add</x-button>
+            <div class="flex gap-2">
+                <x-button variant="primary" href="{{ route('user.print') }}" target="_blank" hardRefresh>Print</x-button>
+                <x-button variant="primary" href="{{ route('user.create') }}">Add</x-button>
+            </div>
         </div>
     </x-slot>
 
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 472285e..25809a6 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -1,3 +1,5 @@
+@props(['where' => 'Dashboard'])
+
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
     <head>
@@ -5,7 +7,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Laravel') }}</title>
+        <title>{{ config('app.name', 'Nightfall') }} - {{ Str::title($where) }}</title>
 
         <!-- Fonts -->
         <link rel="preconnect" href="https://fonts.bunny.net">
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index 675bd68..6cdbdde 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -1,3 +1,5 @@
+@props(['where' => null])
+
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
     <head>
@@ -5,7 +7,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Laravel') }}</title>
+        <title>{{ config('app.name', 'Nightfall').($where ? " - ".Str::title($where) : '') }}</title>
 
         <!-- Fonts -->
         <link rel="preconnect" href="https://fonts.bunny.net">
diff --git a/resources/views/layouts/print.blade.php b/resources/views/layouts/print.blade.php
new file mode 100644
index 0000000..109d430
--- /dev/null
+++ b/resources/views/layouts/print.blade.php
@@ -0,0 +1,60 @@
+@props(['where' => 'Print'])
+
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>{{ config('app.name', 'Nightfall') }} - {{ Str::title($where) }}</title>
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.3.0/paper.css">
+   <style>
+        @page {
+            margin: 50px !important;
+            size: A4
+        }
+        @media print {
+            .no-print,
+            .no-print * {
+                display: none !important;
+            }
+        }
+        .sheet {
+            overflow: visible;
+            height: auto !important;
+        }
+        table {
+            width: 100%;
+        }
+        table.header th,
+        table.header td {
+            text-align: left;
+                vertical-align: top;
+        }
+        table#journal > thead > tr > th,
+        table#journal > tbody > tr > td {
+            text-align: left;
+            padding: 0.25rem 0.5rem 0.25rem 0.5rem;
+        }
+        .button {
+            background-color: #2E2E2E;
+            color: #f1f1f1;
+            padding: 8px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body class="A4" style="padding-top: 50px;">
+    <center>
+        <div class="no-print">
+            <button class="button" onclick="window.print()">Print/Download PDF</button>
+        </div>
+
+        <section class="sheet padding-10mm">
+            {{ $slot }}
+        </section>
+    </center>
+</body>
+</html>
\ No newline at end of file
diff --git a/resources/views/policy.blade.php b/resources/views/policy.blade.php
index 7d07d96..f921603 100644
--- a/resources/views/policy.blade.php
+++ b/resources/views/policy.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="privacy policy">
     <div class="pt-4 bg-gray-100 dark:bg-gray-900">
         <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
             <div>
diff --git a/resources/views/print/user.blade.php b/resources/views/print/user.blade.php
new file mode 100644
index 0000000..7612e13
--- /dev/null
+++ b/resources/views/print/user.blade.php
@@ -0,0 +1,31 @@
+<x-print-layout where="user print">
+    <center>
+        <h2>All User</h2>
+    </center>
+
+    <hr>
+    <table id="journal" style="width: 100%; font-family: arial, sans-serif; border-collapse: collapse;">
+        <thead>
+            <tr>
+                <th>No</th>
+                <th>Name</th>
+                <th>Email</th>
+                <th>Created At</th>
+            </tr>
+        </thead>
+        <tbody>
+            @php
+                $i = 1;
+            @endphp
+
+            @foreach ($data as $item)
+                    <tr>
+                        <td>{{ $i++ }}</td>
+                        <td>{{ $item->name }}</td>
+                        <td>{{ $item->email }}</td>
+                        <td>{{ $item->created_at }}</td>
+                    </tr>
+            @endforeach
+        </tbody>
+    </table>
+</x-print-layout>
\ No newline at end of file
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index c7cc1f9..acccc6b 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -1,4 +1,4 @@
-<x-app-layout>
+<x-app-layout where="profile">
     <x-slot name="header">
         <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
             {{ __('Profile') }}
diff --git a/resources/views/terms.blade.php b/resources/views/terms.blade.php
index fad7061..8e85204 100644
--- a/resources/views/terms.blade.php
+++ b/resources/views/terms.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="terms of service">
     <div class="pt-4 bg-gray-100 dark:bg-gray-900">
         <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
             <div>
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 4a91ce9..119a754 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -1,4 +1,4 @@
-<x-guest-layout>
+<x-guest-layout where="home">
     <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
             <div>
                 <a href="https://github.com/affandra-solusi-teknologi/nightfall" target="_blank">
@@ -29,7 +29,7 @@
                         </div>
                     @endauth
                 @endif
-                <p class="mt-2 font-medium text-gray-500 dark:text-gray-400 leading-relaxed"><a href="https://github.com/affandra-solusi-teknologi/nightfall" target="_blank" class="hover:text-white transition">Nightfall</a> v1.0.0 PHP v{{ PHP_VERSION }}</p>
+                <p class="mt-2 font-medium text-gray-500 dark:text-gray-400 leading-relaxed"><a href="https://github.com/affandra-solusi-teknologi/nightfall" target="_blank" class="hover:text-white transition">Nightfall</a> v1.0.2 PHP v{{ PHP_VERSION }}</p>
             </div>
     </div>
 </x-guest-layout>
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index e9bbea8..0412643 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -27,6 +27,7 @@
         return view('dashboard');
     })->name('dashboard');
 
+    Route::get('/user/print', [UserController::class, 'print'])->name('user.print');
     Route::resource('/user', UserController::class, ['names' => 'user']);
 
     // you can remove this routes