diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png
index 9ee75c535232cc957bcb7bd63c81a2bd099b8a12..e1f27cfae5bb040d71b403a99d0d5a186505126a 100644
Binary files a/public/assets/images/favicon.png and b/public/assets/images/favicon.png differ
diff --git a/public/assets/images/logo_rp.png b/public/assets/images/logo_rp.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfcafbccaaaabf2a987318af62287a769eba17a2
Binary files /dev/null and b/public/assets/images/logo_rp.png differ
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index d486b64dcc2f0a0e1858aa9c9635ac2afb0e43cd..f4c16780e8953cd1c0106b97c0c3a7273b687fc2 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,48 +1,77 @@
-<x-guest-layout>
-    <x-authentication-card>
-        <x-slot name="logo">
-            <x-authentication-card-logo />
-        </x-slot>
-
-        <x-validation-errors class="mb-4" />
-
-        @session('status')
-            <div class="mb-4 font-medium text-sm text-green-600">
-                {{ $value }}
+<x-layout.auth>
+    <div x-data="auth">
+        <div class="absolute inset-0">
+            <img src="/assets/images/auth/bg-gradient.png" alt="image" class="h-full w-full object-cover" />
+        </div>
+        <div class="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+            <img src="/assets/images/auth/coming-soon-object1.png" alt="image" class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+            <img src="/assets/images/auth/coming-soon-object2.png" alt="image" class="absolute left-24 top-0 h-40 md:left-[30%]" />
+            <img src="/assets/images/auth/coming-soon-object3.png" alt="image" class="absolute right-0 top-0 h-[300px]" />
+            <img src="/assets/images/auth/polygon-object.svg" alt="image" class="absolute bottom-0 end-[28%]" />
+            <div class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
+                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20">
+                    <div class="mx-auto w-full max-w-[440px]">
+                        <div class="mb-10">
+                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Bienvenidos</h1>
+                            <p class="text-base font-bold leading-normal text-white-dark">Ingresa tu usuario y contraseña para iniciar sesión.</p>
+                        </div>
+                        @if ($errors->any())
+                            <div class="mb-4">
+                                <ul class="list-none text-red-600">
+                                    @foreach ($errors->all() as $error)
+                                        <li>{{ $error }}</li>
+                                    @endforeach
+                                </ul>
+                            </div>
+                        @endif
+                        <form method="POST" action="{{ route('login') }}" class="space-y-5 dark:text-white">
+                            @csrf
+                            <div>
+                                <label for="username">Usuario</label>
+                                <div class="relative text-white-dark">
+                                    <input id="username" type="text" name="username" value="{{ old('username') }}" required autofocus placeholder="Ingresa tu usuario" class="form-input ps-10 placeholder:text-white-dark @error('username') is-invalid @enderror" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.43538 7.50998C6.23821 8.17523 6.82905 8.6725 7.34734 9.00494C7.87079 9.3405 8.38357 9.55993 9.00041 9.55993C9.61725 9.55993 10.1301 9.3405 10.6535 9.00494C11.1718 8.6725 11.7627 8.17523 12.5655 7.50998L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div>
+                                <label for="password">Contraseña</label>
+                                <div class="relative text-white-dark">
+                                    <input id="password" type="password" name="password" required placeholder="Ingresa tu contraseña." class="form-input ps-10 placeholder:text-white-dark @error('password') is-invalid @enderror" />
+                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
+                                        <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
+                                            <path opacity="0.5"
+                                                d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
+                                                fill="currentColor" />
+                                            <path
+                                                d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.43538 7.50998C6.23821 8.17523 6.82905 8.6725 7.34734 9.00494C7.87079 9.3405 8.38357 9.55993 9.00041 9.55993C9.61725 9.55993 10.1301 9.3405 10.6535 9.00494C11.1718 8.6725 11.7627 8.17523 12.5655 7.50998L14.3465 6.02574Z"
+                                                fill="currentColor" />
+                                        </svg>
+                                    </span>
+                                </div>
+                            </div>
+                            <div class="flex items-center justify-between">
+                                <div class="flex items-center space-x-2 rtl:space-x-reverse">
+                                    <input type="checkbox" id="remember_me" name="remember" class="form-checkbox" />
+                                    <label for="remember_me">Recuerdame</label>
+                                </div>
+                            </div>
+                            <button type="submit" class="btn btn-primary w-full">Iniciar sesión</button>
+                        </form>
+                    </div>
+                    <div class="absolute bottom-6 start-6">
+                        <p class="text-sm font-semibold">Labsol Network - DevOps Lab 2024 - <span x-text="new Date().getFullYear()"></span></p>
+                    </div>
+                </div>
             </div>
-        @endsession
-
-        <form method="POST" action="{{ route('login') }}">
-            @csrf
-
-            <div>
-                <x-label for="username" value="{{ __('Username') }}" />
-                <x-input id="username" class="block mt-1 w-full" type="text" name="username" :value="old('username')" required autofocus autocomplete="username" />
-            </div>
-
-            <div class="mt-4">
-                <x-label for="password" value="{{ __('Password') }}" />
-                <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
-            </div>
-
-            <div class="block mt-4">
-                <label for="remember_me" class="flex items-center">
-                    <x-checkbox id="remember_me" name="remember" />
-                    <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
-                </label>
-            </div>
-
-            <div class="flex items-center justify-end mt-4">
-                @if (Route::has('password.request'))
-                    <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
-                        {{ __('Forgot your password?') }}
-                    </a>
-                @endif
-
-                <x-button class="ms-4">
-                    {{ __('Log in') }}
-                </x-button>
-            </div>
-        </form>
-    </x-authentication-card>
-</x-guest-layout>
+        </div>
+    </div>
+</x-layout.auth>
\ No newline at end of file
diff --git a/resources/views/components/common/footer.blade.php b/resources/views/components/common/footer.blade.php
index 86f9e6be5c5201544340bafe840dff3b25ce42ad..7ac2724b6d25cdbf3325b95a6c63da3aa85cc5e2 100644
--- a/resources/views/components/common/footer.blade.php
+++ b/resources/views/components/common/footer.blade.php
@@ -1,2 +1,2 @@
-<div class="dark:text-white-dark text-center ltr:sm:text-left rtl:sm:text-right p-6 pt-0 mt-auto">© <span id="footer-year">2022</span>.
-    Vristo All rights reserved.</div>
+<div class="dark:text-white-dark text-center ltr:sm:text-left rtl:sm:text-right p-6 pt-0 mt-auto">© <span id="footer-year">2024</span> - {{ now()->year }}
+    Labsol Network - DevOps Lab.</div>
diff --git a/resources/views/components/common/header.blade.php b/resources/views/components/common/header.blade.php
index 1646b46769bb088e5e82e16b246acc2ee9e8c46d..4d07855c456c47c0d894f3984ed1776a965f2957 100644
--- a/resources/views/components/common/header.blade.php
+++ b/resources/views/components/common/header.blade.php
@@ -3,10 +3,7 @@
         <div class="relative bg-white flex w-full items-center px-5 py-2.5 dark:bg-[#0e1726]">
             <div class="horizontal-logo flex lg:hidden justify-between items-center ltr:mr-2 rtl:ml-2">
                 <a href="/" class="main-logo flex items-center shrink-0">
-                    <img class="w-8 ltr:-ml-1 rtl:-mr-1 inline" src="/assets/images/logo.svg"
-                        alt="image" />
-                    <span
-                        class="text-2xl ltr:ml-1.5 rtl:mr-1.5  font-semibold  align-middle hidden md:inline dark:text-white-light transition-all duration-300">VRISTO</span>
+                    <img class="ml-[5px] flex-none" src="/assets/images/logo_rp.png" alt="image" style="width: 170px;" />
                 </a>
 
                 <a href="javascript:;"
@@ -21,101 +18,9 @@ class="collapse-icon flex-none dark:text-[#d0d2d6] hover:text-primary dark:hover
                     </svg>
                 </a>
             </div>
-            <div class="ltr:mr-2 rtl:ml-2 hidden sm:block">
-                <ul class="flex items-center space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]">
-                    <li>
-                        <a href="/apps/calendar"
-                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z"
-                                    stroke="currentColor" stroke-width="1.5" />
-                                <path opacity="0.5" d="M7 4V2.5" stroke="currentColor" stroke-width="1.5"
-                                    stroke-linecap="round" />
-                                <path opacity="0.5" d="M17 4V2.5" stroke="currentColor" stroke-width="1.5"
-                                    stroke-linecap="round" />
-                                <path opacity="0.5" d="M2 9H22" stroke="currentColor" stroke-width="1.5"
-                                    stroke-linecap="round" />
-                            </svg>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="/apps/todolist"
-                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path opacity="0.5"
-                                    d="M22 10.5V12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2H13.5"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                <path
-                                    d="M17.3009 2.80624L16.652 3.45506L10.6872 9.41993C10.2832 9.82394 10.0812 10.0259 9.90743 10.2487C9.70249 10.5114 9.52679 10.7957 9.38344 11.0965C9.26191 11.3515 9.17157 11.6225 8.99089 12.1646L8.41242 13.9L8.03811 15.0229C7.9492 15.2897 8.01862 15.5837 8.21744 15.7826C8.41626 15.9814 8.71035 16.0508 8.97709 15.9619L10.1 15.5876L11.8354 15.0091C12.3775 14.8284 12.6485 14.7381 12.9035 14.6166C13.2043 14.4732 13.4886 14.2975 13.7513 14.0926C13.9741 13.9188 14.1761 13.7168 14.5801 13.3128L20.5449 7.34795L21.1938 6.69914C22.2687 5.62415 22.2687 3.88124 21.1938 2.80624C20.1188 1.73125 18.3759 1.73125 17.3009 2.80624Z"
-                                    stroke="currentColor" stroke-width="1.5" />
-                                <path opacity="0.5"
-                                    d="M16.6522 3.45508C16.6522 3.45508 16.7333 4.83381 17.9499 6.05034C19.1664 7.26687 20.5451 7.34797 20.5451 7.34797M10.1002 15.5876L8.4126 13.9"
-                                    stroke="currentColor" stroke-width="1.5" />
-                            </svg>
-                        </a>
-                    </li>
-                    <li><a href="/apps/chat"
-                            class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60">
-                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <circle r="3" transform="matrix(-1 0 0 1 19 5)" stroke="currentColor"
-                                    stroke-width="1.5" />
-                                <path opacity="0.5"
-                                    d="M14 2.20004C13.3538 2.06886 12.6849 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22C17.5228 22 22 17.5228 22 12C22 11.3151 21.9311 10.6462 21.8 10"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            </svg>
-                        </a>
-                    </li>
-                </ul>
-            </div>
             <div x-data="header"
                 class="sm:flex-1 ltr:sm:ml-0 ltr:ml-auto sm:rtl:mr-0 rtl:mr-auto flex items-center space-x-1.5 lg:space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]">
                 <div class="sm:ltr:mr-auto sm:rtl:ml-auto" x-data="{ search: false }" @click.outside="search = false">
-                    <form
-                        class="sm:relative absolute inset-x-0 sm:top-0 top-1/2 sm:translate-y-0 -translate-y-1/2 sm:mx-0 mx-4 z-10 sm:block hidden"
-                        :class="{ '!block': search }" @submit.prevent="search = false">
-                        <div class="relative">
-                            <input type="text"
-                                class="form-input ltr:pl-9 rtl:pr-9 ltr:sm:pr-4 rtl:sm:pl-4 ltr:pr-9 rtl:pl-9 peer sm:bg-transparent bg-gray-100 placeholder:tracking-widest"
-                                placeholder="Search..." />
-                            <button type="button"
-                                class="absolute w-9 h-9 inset-0 ltr:right-auto rtl:left-auto appearance-none peer-focus:text-primary">
-                                <svg class="mx-auto" width="16" height="16" viewBox="0 0 24 24"
-                                    fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
-                                        stroke-width="1.5" opacity="0.5" />
-                                    <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round" />
-                                </svg>
-                            </button>
-                            <button type="button"
-                                class="hover:opacity-80 sm:hidden block absolute top-1/2 -translate-y-1/2 ltr:right-2 rtl:left-2"
-                                @click="search = false">
-                                </svg>
-                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <circle opacity="0.5" cx="12" cy="12" r="10"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5" stroke="currentColor"
-                                        stroke-width="1.5" stroke-linecap="round" />
-                                </svg>
-                            </button>
-                        </div>
-                    </form>
-                    <button type="button"
-                        class="search_btn sm:hidden p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:bg-white-light/90 dark:hover:bg-dark/60"
-                        @click="search = ! search">
-                        <svg class="w-4.5 h-4.5 mx-auto dark:text-[#d0d2d6]" width="20" height="20"
-                            viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <circle cx="11.5" cy="11.5" r="9.5" stroke="currentColor"
-                                stroke-width="1.5" opacity="0.5" />
-                            <path d="M18.5 18.5L22 22" stroke="currentColor" stroke-width="1.5"
-                                stroke-linecap="round" />
-                        </svg>
-                    </button>
                 </div>
                 <div>
                     <a href="javascript:;" x-cloak x-show="$store.app.theme === 'light'" href="javascript:;"
@@ -165,212 +70,6 @@ class="flex items-center p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hove
                         </svg>
                     </a>
                 </div>
-
-                <div class="dropdown shrink-0" x-data="dropdown" @click.outside="open = false">
-                    <a href="javascript:;"
-                        class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
-                        @click="toggle">
-                        <img :src="`/assets/images/flags/${$store.app.locale.toUpperCase()}.svg`" alt="image"
-                            class="w-5 h-5 object-cover rounded-full" />
-                    </a>
-                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                        class="ltr:-right-14 sm:ltr:-right-2 rtl:-left-14 sm:rtl:-left-2 top-11 !px-2 text-dark dark:text-white-dark grid grid-cols-2 gap-y-2 font-semibold dark:text-white-light/90 w-[280px]">
-                        <template x-for="item in languages">
-                            <li>
-                                <a href="javascript:;" class="hover:text-primary"
-                                    @click="$store.app.toggleLocale(item.value),toggle()"
-                                    :class="{ 'bg-primary/10 text-primary': $store.app.locale == item.value }">
-                                    <img class="w-5 h-5 object-cover rounded-full"
-                                        :src="`/assets/images/flags/${item.value.toUpperCase()}.svg`" alt="image" />
-                                    <span class="ltr:ml-3 rtl:mr-3" x-text="item.key"></span>
-                                </a>
-                            </li>
-                        </template>
-                    </ul>
-                </div>
-
-                <div class="dropdown" x-data="dropdown" @click.outside="open = false">
-                    <a href="javascript:;"
-                        class="block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
-                        @click="toggle">
-                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                d="M22 10C22.0185 10.7271 22 11.0542 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H13"
-                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            <path
-                                d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908"
-                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            <circle cx="19" cy="5" r="3" stroke="currentColor"
-                                stroke-width="1.5" />
-                        </svg>
-                    </a>
-                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                        class="top-11 !py-0 text-dark dark:text-white-dark w-[300px] ltr:-right-16 sm:ltr:-right-2 rtl:-left-16 sm:rtl:-left-2 sm:w-[375px] text-xs">
-                        <li class="mb-5">
-                            <div class="overflow-hidden relative rounded-t-md !p-5 text-white">
-                                <div
-                                    class="absolute h-full w-full bg-[url('/assets/images/menu-heade.jpg')] bg-no-repeat bg-center bg-cover inset-0">
-                                </div>
-                                <h4 class="font-semibold relative z-10 text-lg">Messages</h4>
-                            </div>
-                        </li>
-                        <template x-for="msg in messages">
-                            <li>
-                                <div class="flex items-center px-5 py-3" @click.self="toggle">
-                                    <div x-html="msg.image"></div>
-                                    <span class="px-3 dark:text-gray-500">
-                                        <div class="font-semibold text-sm dark:text-white-light/90"
-                                            x-text="msg.title"></div>
-                                        <div x-text="msg.message"></div>
-                                    </span>
-                                    <span
-                                        class="font-semibold bg-white-dark/20 rounded text-dark/60 px-1 ltr:ml-auto rtl:mr-auto whitespace-pre dark:text-white-dark ltr:mr-2 rtl:ml-2"
-                                        x-text="msg.time"></span>
-                                    <span class="text-neutral-300 hover:text-danger" @click="removeMessage(msg.id)">
-                                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <circle opacity="0.5" cx="12" cy="12" r="10"
-                                                stroke="currentColor" stroke-width="1.5" />
-                                            <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
-                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                        </svg>
-                                    </span>
-                                </div>
-                            </li>
-                        </template>
-                        <template x-if="messages.length">
-                            <li class="border-t border-white-light text-center dark:border-white/10 mt-5 ">
-                                <div class="flex items-center px-4 py-4 text-primary font-semibold group dark:text-gray-400  justify-center cursor-pointer"
-                                    @click="toggle">
-                                    <span class="group-hover:underline ltr:mr-1 rtl:ml-1">VIEW ALL ACTIVITIES</span>
-                                    <svg class="w-4 h-4 group-hover:translate-x-1 transition duration-300 ltr:ml-1 rtl:mr-1"
-                                        viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                        <path d="M4 12H20M20 12L14 6M20 12L14 18" stroke="currentColor"
-                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                    </svg>
-                                </div>
-                            </li>
-                        </template>
-                        <template x-if="!messages.length">
-                            <li class="mb-5">
-                                <div class="!grid place-content-center hover:!bg-transparent text-lg min-h-[200px]">
-                                    <div class="mx-auto ring-4 ring-primary/30 rounded-full mb-4 text-primary">
-                                        <svg width="40" height="40" viewBox="0 0 20 20" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path opacity="0.5"
-                                                d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z"
-                                                fill="currentColor" />
-                                            <path
-                                                d="M10 4.25C10.4142 4.25 10.75 4.58579 10.75 5V11C10.75 11.4142 10.4142 11.75 10 11.75C9.58579 11.75 9.25 11.4142 9.25 11V5C9.25 4.58579 9.58579 4.25 10 4.25Z"
-                                                fill="currentColor" />
-                                            <path
-                                                d="M10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14C9 14.5523 9.44772 15 10 15Z"
-                                                fill="currentColor" />
-                                        </svg>
-                                    </div>
-                                    No data available.
-                                </div>
-                            </li>
-                        </template>
-                    </ul>
-                </div>
-                <div class="dropdown" x-data="dropdown" @click.outside="open = false">
-                    <a href="javascript:;"
-                        class="relative block p-2 rounded-full bg-white-light/40 dark:bg-dark/40 hover:text-primary hover:bg-white-light/90 dark:hover:bg-dark/60"
-                        @click="toggle">
-                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <path
-                                d="M19.0001 9.7041V9C19.0001 5.13401 15.8661 2 12.0001 2C8.13407 2 5.00006 5.13401 5.00006 9V9.7041C5.00006 10.5491 4.74995 11.3752 4.28123 12.0783L3.13263 13.8012C2.08349 15.3749 2.88442 17.5139 4.70913 18.0116C9.48258 19.3134 14.5175 19.3134 19.291 18.0116C21.1157 17.5139 21.9166 15.3749 20.8675 13.8012L19.7189 12.0783C19.2502 11.3752 19.0001 10.5491 19.0001 9.7041Z"
-                                stroke="currentColor" stroke-width="1.5" />
-                            <path d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"
-                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            <path d="M12 6V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                        </svg>
-
-                        <span class="flex absolute w-3 h-3 ltr:right-0 rtl:left-0 top-0">
-                            <span
-                                class="animate-ping absolute ltr:-left-[3px] rtl:-right-[3px] -top-[3px] inline-flex h-full w-full rounded-full bg-success/50 opacity-75"></span>
-                            <span class="relative inline-flex rounded-full w-[6px] h-[6px] bg-success"></span>
-                        </span>
-                    </a>
-                    <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                        class="ltr:-right-2 rtl:-left-2 top-11 !py-0 text-dark dark:text-white-dark w-[300px] sm:w-[350px] divide-y dark:divide-white/10">
-                        <li>
-                            <div
-                                class="flex items-center px-4 py-2 justify-between font-semibold hover:!bg-transparent">
-                                <h4 class="text-lg">Notification</h4>
-                                <template x-if="notifications.length">
-                                    <span class="badge bg-primary/80" x-text="notifications.length + 'New'"></span>
-                                </template>
-                            </div>
-                        </li>
-                        <template x-for="notification in notifications">
-                            <li class=" dark:text-white-light/90 ">
-                                <div class="flex items-center px-4 py-2 group" @click.self="toggle">
-                                    <div class="grid place-content-center rounded">
-                                        <div class="w-12 h-12 relative">
-                                            <img class="w-12 h-12 rounded-full object-cover"
-                                                :src="`/assets/images/${notification.profile}`"
-                                                alt="image" />
-                                            <span
-                                                class="bg-success w-2 h-2 rounded-full block absolute right-[6px] bottom-0"></span>
-                                        </div>
-                                    </div>
-                                    <div class="ltr:pl-3 rtl:pr-3 flex flex-auto">
-                                        <div class="ltr:pr-3 rtl:pl-3">
-                                            <h6 x-html="notification.message"></h6>
-                                            <span class="text-xs block font-normal dark:text-gray-500"
-                                                x-text="notification.time"></span>
-                                        </div>
-                                        <button type="button"
-                                            class="ltr:ml-auto rtl:mr-auto text-neutral-300 hover:text-danger opacity-0 group-hover:opacity-100"
-                                            @click="removeNotification(notification.id)">
-                                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"
-                                                xmlns="http://www.w3.org/2000/svg">
-                                                <circle opacity="0.5" cx="12" cy="12" r="10"
-                                                    stroke="currentColor" stroke-width="1.5" />
-                                                <path d="M14.5 9.50002L9.5 14.5M9.49998 9.5L14.5 14.5"
-                                                    stroke="currentColor" stroke-width="1.5"
-                                                    stroke-linecap="round" />
-                                            </svg>
-                                        </button>
-                                    </div>
-                                </div>
-                            </li>
-                        </template>
-                        <template x-if="notifications.length">
-                            <li>
-                                <div class="p-4">
-                                    <button class="btn btn-primary block w-full btn-small" @click="toggle">Read All
-                                        Notifications</button>
-                                </div>
-                            </li>
-                        </template>
-                        <template x-if="!notifications.length">
-                            <li>
-                                <div class="!grid place-content-center hover:!bg-transparent text-lg min-h-[200px]">
-                                    <div class="mx-auto ring-4 ring-primary/30 rounded-full mb-4 text-primary">
-                                        <svg width="40" height="40" viewBox="0 0 20 20" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path opacity="0.5"
-                                                d="M20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10Z"
-                                                fill="currentColor" />
-                                            <path
-                                                d="M10 4.25C10.4142 4.25 10.75 4.58579 10.75 5V11C10.75 11.4142 10.4142 11.75 10 11.75C9.58579 11.75 9.25 11.4142 9.25 11V5C9.25 4.58579 9.58579 4.25 10 4.25Z"
-                                                fill="currentColor" />
-                                            <path
-                                                d="M10 15C10.5523 15 11 14.5523 11 14C11 13.4477 10.5523 13 10 13C9.44772 13 9 13.4477 9 14C9 14.5523 9.44772 15 10 15Z"
-                                                fill="currentColor" />
-                                        </svg>
-                                    </div>
-                                    No data available.
-                                </div>
-                            </li>
-                        </template>
-                    </ul>
-                </div>
                 <div class="dropdown flex-shrink-0" x-data="dropdown" @click.outside="open = false">
                     <a href="javascript:;" class="relative group" @click="toggle()">
                         <span><img class="w-9 h-9 rounded-full object-cover saturate-50 group-hover:saturate-100"
@@ -386,16 +85,15 @@ class="ltr:right-0 rtl:left-0 text-dark dark:text-white-dark top-11 !py-0 w-[230
                                         alt="image" />
                                 </div>
                                 <div class="ltr:pl-4 rtl:pr-4 truncate">
-                                    <h4 class="text-base">John Doe<span
-                                            class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Pro</span>
-                                    </h4>
+                                    <h4 class="text-base">{{auth()->user()->name}}</h4>
+                                    <!-- <span class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Administrador General</span> -->
                                     <a class="text-black/60  hover:text-primary dark:text-dark-light/60 dark:hover:text-white"
-                                        href="javascript:;">johndoe@gmail.com</a>
+                                        href="javascript:;">{{auth()->user()->username}}</a>
                                 </div>
                             </div>
                         </li>
                         <li>
-                            <a href="/users/profile" class="dark:hover:text-white" @click="toggle">
+                            <a href="/user/profile" class="dark:hover:text-white" @click="toggle">
                                 <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
                                     viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                     <circle cx="12" cy="6" r="4" stroke="currentColor"
@@ -404,47 +102,10 @@ class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Pro
                                         d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z"
                                         stroke="currentColor" stroke-width="1.5" />
                                 </svg>
-                                Profile</a>
-                        </li>
-                        <li>
-                            <a href="/apps/mailbox" class="dark:hover:text-white" @click="toggle">
-                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <path opacity="0.5"
-                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <path
-                                        d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
-                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                </svg>
-                                Inbox</a>
-                        </li>
-                        <li>
-                            <a href="/auth/boxed-lockscreen" class="dark:hover:text-white" @click="toggle">
-                                <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" width="18" height="18"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <path opacity="0.5"
-                                        d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10"
-                                        stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                    <g opacity="0.5">
-                                        <path
-                                            d="M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z"
-                                            fill="currentColor" />
-                                        <path
-                                            d="M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z"
-                                            fill="currentColor" />
-                                        <path
-                                            d="M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z"
-                                            fill="currentColor" />
-                                    </g>
-                                </svg>
-                                Lock Screen</a>
+                                Perfil</a>
                         </li>
                         <li class="border-t border-white-light dark:border-white-light/10">
-                            <a href="/auth/boxed-signin" class=" text-danger !py-3" @click="toggle">
+                            <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class=" text-danger !py-3" @click="toggle">
                                 <svg class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0 rotate-90" width="18" height="18"
                                     viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                     <path opacity="0.5"
@@ -453,8 +114,11 @@ class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Pro
                                     <path d="M12 15L12 2M12 2L15 5.5M12 2L9 5.5" stroke="currentColor"
                                         stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                                 </svg>
-                                Sign Out
+                                Cerrar Sesión
                             </a>
+                            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
+                                {{ csrf_field() }}
+                            </form>
                         </li>
                     </ul>
                 </div>
diff --git a/resources/views/components/common/sidebaradmin.blade.php b/resources/views/components/common/sidebaradmin.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..e67d0ef29dc237653cc26986c99a7376f8fa88db
--- /dev/null
+++ b/resources/views/components/common/sidebaradmin.blade.php
@@ -0,0 +1,209 @@
+<div :class="{ 'dark text-white-dark': $store.app.semidark }">
+    <nav x-data="sidebar"
+        class="sidebar fixed min-h-screen h-full top-0 bottom-0 w-[260px] shadow-[5px_0_25px_0_rgba(94,92,154,0.1)] z-50 transition-all duration-300">
+        <div class="bg-white dark:bg-[#0e1726] h-full">
+            <div class="flex justify-between items-center px-4 py-3">
+                <a href="/" class="main-logo flex items-center shrink-0">
+                <img class="ml-[5px] flex-none" src="/assets/images/logo_rp.png" alt="image" style="width: 170px;" />
+                </a>
+                <a href="javascript:;"
+                    class="collapse-icon w-8 h-8 rounded-full flex items-center hover:bg-gray-500/10 dark:hover:bg-dark-light/10 dark:text-white-light transition duration-300 rtl:rotate-180"
+                    @click="$store.app.toggleSidebar()">
+                    <svg class="w-5 h-5 m-auto" width="20" height="20" viewBox="0 0 24 24" fill="none"
+                        xmlns="http://www.w3.org/2000/svg">
+                        <path d="M13 19L7 12L13 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+                            stroke-linejoin="round" />
+                        <path opacity="0.5" d="M16.9998 19L10.9998 12L16.9998 5" stroke="currentColor"
+                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                    </svg>
+                </a>
+            </div>
+            <ul class="perfect-scrollbar relative font-semibold space-y-0.5 h-[calc(100vh-80px)] overflow-y-auto overflow-x-hidden  p-4 py-0"
+                x-data="{ activeDropdown: null }">
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                        fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>Administración</span>
+                </h2>
+
+                <li class="menu nav-item">
+                    <a href="/administracion/usuarios" class="nav-link group">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M6.22209 4.60105C6.66665 4.304 7.13344 4.04636 7.6171 3.82976C8.98898 3.21539 9.67491 2.9082 10.5875 3.4994C11.5 4.09061 11.5 5.06041 11.5 7.00001V8.50001C11.5 10.3856 11.5 11.3284 12.0858 11.9142C12.6716 12.5 13.6144 12.5 15.5 12.5H17C18.9396 12.5 19.9094 12.5 20.5006 13.4125C21.0918 14.3251 20.7846 15.011 20.1702 16.3829C19.9536 16.8666 19.696 17.3334 19.399 17.7779C18.3551 19.3402 16.8714 20.5578 15.1355 21.2769C13.3996 21.9959 11.4895 22.184 9.64665 21.8175C7.80383 21.4509 6.11109 20.5461 4.78249 19.2175C3.45389 17.8889 2.5491 16.1962 2.18254 14.3534C1.81598 12.5105 2.00412 10.6004 2.72315 8.86451C3.44218 7.12861 4.65982 5.64492 6.22209 4.60105Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M21.446 7.06901C20.6342 5.00831 18.9917 3.36579 16.931 2.55398C15.3895 1.94669 14 3.34316 14 5.00002V9.00002C14 9.5523 14.4477 10 15 10H19C20.6569 10 22.0533 8.61055 21.446 7.06901Z"
+                                    fill="currentColor" />
+                            </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Usuarios</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/administracion/auditoria" class="nav-link group">
+                        <div class="flex items-center">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="12" cy="6" r="4" stroke="#1C274C" stroke-width="1.5"/>
+                            <path d="M15 20.6151C14.0907 20.8619 13.0736 21 12 21C8.13401 21 5 19.2091 5 17C5 14.7909 8.13401 13 12 13C15.866 13 19 14.7909 19 17C19 17.3453 18.9234 17.6804 18.7795 18" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                        </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Auditoria</span>
+                        </div>
+                    </a>
+                </li>
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                        fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>Agenda</span>
+                </h2>
+                <!-- Catálogos -->
+                <li class="menu nav-item">
+                    <button type="button" class="nav-link group" :class="{ 'active': activeDropdown === 'dashboard' }"
+                        @click="activeDropdown === 'dashboard' ? activeDropdown = null : activeDropdown = 'dashboard'">
+                        <div class="flex items-center">
+
+                            <svg class="group-hover:!text-primary shrink-0" width="20" height="20" viewBox="0 0 24 24"
+                                fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <path opacity="0.5"
+                                    d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"
+                                    fill="currentColor" />
+                                <path
+                                    d="M9 17.25C8.58579 17.25 8.25 17.5858 8.25 18C8.25 18.4142 8.58579 18.75 9 18.75H15C15.4142 18.75 15.75 18.4142 15.75 18C15.75 17.5858 15.4142 17.25 15 17.25H9Z"
+                                    fill="currentColor" />
+                            </svg>
+
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Catálogos</span>
+                        </div>
+                        <div class="rtl:rotate-180" :class="{ '!rotate-90': activeDropdown === 'dashboard' }">
+
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M9 5L15 12L9 19" stroke="currentColor" stroke-width="1.5"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                    </button>
+                    <ul x-cloak x-show="activeDropdown === 'dashboard'" x-collapse class="sub-menu text-gray-500">
+                        <li>
+                            <a href="/catalogos/dependencias">Dependencias</a>
+                        </li>
+                        <li>
+                            <a href="/catalogos/cargos">Cargos</a>
+                        </li>
+                        <li>
+                            <a href="/catalogos/profesion">Profesión</a>
+                        </li>
+                        <li>
+                            <a href="/catalogos/caracteristicas">Caracteristicas</a>
+                        </li>
+                        <li x-data="{ subActive: null }">
+                            <button type="button"
+                                class="before:bg-gray-300 before:w-[5px] before:h-[5px] before:rounded ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] hover:bg-gray-100 dark:hover:bg-gray-900"
+                                @click="subActive === 'error' ? subActive = null : subActive = 'error'">Grupos
+                                <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-180"
+                                    :class="{ '!rotate-90': subActive === 'error' }">
+
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <path opacity="0.5"
+                                            d="M6.25 19C6.25 19.3139 6.44543 19.5946 6.73979 19.7035C7.03415 19.8123 7.36519 19.7264 7.56944 19.4881L13.5694 12.4881C13.8102 12.2073 13.8102 11.7928 13.5694 11.5119L7.56944 4.51194C7.36519 4.27364 7.03415 4.18773 6.73979 4.29662C6.44543 4.40551 6.25 4.68618 6.25 5.00004L6.25 19Z"
+                                            fill="currentColor" />
+                                        <path fill-rule="evenodd" clip-rule="evenodd"
+                                            d="M10.5119 19.5695C10.1974 19.2999 10.161 18.8264 10.4306 18.5119L16.0122 12L10.4306 5.48811C10.161 5.17361 10.1974 4.70014 10.5119 4.43057C10.8264 4.161 11.2999 4.19743 11.5695 4.51192L17.5695 11.5119C17.8102 11.7928 17.8102 12.2072 17.5695 12.4881L11.5695 19.4881C11.2999 19.8026 10.8264 19.839 10.5119 19.5695Z"
+                                            fill="currentColor" />
+                                    </svg>
+                                </div>
+                            </button>
+                            <ul class="sub-menu text-gray-500 ltr:ml-2 rtl:mr-2" x-show="subActive === 'error'"
+                                x-collapse>
+                                <li>
+                                    <a href="/catalogos/grupos">Grupos</a>
+                                </li>
+                                <li>
+                                    <a href="/catalogos/grupos/subgrupos">Subgrupos</a>
+                            </ul>
+                        </li>
+                    </ul>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/contactos" class="nav-link group">
+                        <div class="flex items-center">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="12" cy="6" r="4" stroke="#1C274C" stroke-width="1.5"/>
+                            <path d="M15 20.6151C14.0907 20.8619 13.0736 21 12 21C8.13401 21 5 19.2091 5 17C5 14.7909 8.13401 13 12 13C15.866 13 19 14.7909 19 17C19 17.3453 18.9234 17.6804 18.7795 18" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                        </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Contactos</span>
+                        </div>
+                    </a>
+                </li>
+
+                <li class="menu nav-item">
+                    <a href="/instituciones-publicas" class="nav-link group">
+                        <div class="flex items-center">
+
+                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <circle cx="12" cy="6" r="4" stroke="#1C274C" stroke-width="1.5"/>
+                            <path d="M15 20.6151C14.0907 20.8619 13.0736 21 12 21C8.13401 21 5 19.2091 5 17C5 14.7909 8.13401 13 12 13C15.866 13 19 14.7909 19 17C19 17.3453 18.9234 17.6804 18.7795 18" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+                        </svg>
+                            <span
+                                class="ltr:pl-3 rtl:pr-3 text-black dark:text-[#506690] dark:group-hover:text-white-dark">Instituciones Públicas</span>
+                        </div>
+                    </a>
+                </li>
+
+                <h2
+                    class="py-3 px-7 flex items-center uppercase font-extrabold bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] -mx-4 mb-1">
+
+                    <svg class="w-4 h-5 flex-none hidden" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
+                        fill="none" stroke-linecap="round" stroke-linejoin="round">
+                        <line x1="5" y1="12" x2="19" y2="12"></line>
+                    </svg>
+                    <span>Reportes</span>
+                </h2>
+            </ul>
+        </div>
+    </nav>
+</div>
+<script>
+    document.addEventListener("alpine:init", () => {
+        Alpine.data("sidebar", () => ({
+            init() {
+                const selector = document.querySelector('.sidebar ul a[href="' + window.location
+                    .pathname + '"]');
+                if (selector) {
+                    selector.classList.add('active');
+                    const ul = selector.closest('ul.sub-menu');
+                    if (ul) {
+                        let ele = ul.closest('li.menu').querySelectorAll('.nav-link');
+                        if (ele) {
+                            ele = ele[0];
+                            setTimeout(() => {
+                                ele.click();
+                            });
+                        }
+                    }
+                }
+            },
+        }));
+    });
+</script>
diff --git a/resources/views/components/common/theme-customiser.blade.php b/resources/views/components/common/theme-customiser.blade.php
index c6fe41f7861fd659d596c8cccd373aee9855a696..ddc5c9eca005ad819b853e57c533dea449a085da 100644
--- a/resources/views/components/common/theme-customiser.blade.php
+++ b/resources/views/components/common/theme-customiser.blade.php
@@ -28,12 +28,12 @@ class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:t
                         <line x1="6" y1="6" x2="18" y2="18"></line>
                     </svg>
                 </a>
-                <h4 class="mb-1 dark:text-white">TEMPLATE CUSTOMIZER</h4>
-                <p class="text-white-dark">Set preferences that will be cookied for your live preview demonstration.</p>
+                <h4 class="mb-1 dark:text-white">PERSONALIZACIÓN</h4>
+                <p class="text-white-dark">Configura las preferencias segun tus gustos.</p>
             </div>
             <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Color Scheme</h5>
-                <p class="text-white-dark text-xs">Overall light or dark presentation.</p>
+                <h5 class="mb-1 text-base dark:text-white leading-none">Esquema de colores</h5>
+                <p class="text-white-dark text-xs">Modo claro u oscuro.</p>
                 <div class="grid grid-cols-3 gap-2 mt-3">
                     <button type="button" class="btn"
                         :class="[$store.app.theme === 'light' ? 'btn-primary' : 'btn-outline-primary']"
@@ -57,7 +57,7 @@ class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:t
                             <path opacity="0.5" d="M19.7778 19.7773L17.5558 17.5551" stroke="currentColor"
                                 stroke-width="1.5" stroke-linecap="round"></path>
                         </svg>
-                        Light
+                        Claro
                     </button>
                     <button type="button" class="btn"
                         :class="[$store.app.theme === 'dark' ? 'btn-primary' : 'btn-outline-primary']"
@@ -69,7 +69,7 @@ class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:t
                                 d="M21.0672 11.8568L20.4253 11.469L21.0672 11.8568ZM12.1432 2.93276L11.7553 2.29085V2.29085L12.1432 2.93276ZM21.25 12C21.25 17.1086 17.1086 21.25 12 21.25V22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25ZM12 21.25C6.89137 21.25 2.75 17.1086 2.75 12H1.25C1.25 17.9371 6.06294 22.75 12 22.75V21.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75V1.25C6.06294 1.25 1.25 6.06294 1.25 12H2.75ZM15.5 14.25C12.3244 14.25 9.75 11.6756 9.75 8.5H8.25C8.25 12.5041 11.4959 15.75 15.5 15.75V14.25ZM20.4253 11.469C19.4172 13.1373 17.5882 14.25 15.5 14.25V15.75C18.1349 15.75 20.4407 14.3439 21.7092 12.2447L20.4253 11.469ZM9.75 8.5C9.75 6.41182 10.8627 4.5828 12.531 3.57467L11.7553 2.29085C9.65609 3.5593 8.25 5.86509 8.25 8.5H9.75ZM12 2.75C11.9115 2.75 11.8077 2.71008 11.7324 2.63168C11.6686 2.56527 11.6538 2.50244 11.6503 2.47703C11.6461 2.44587 11.6482 2.35557 11.7553 2.29085L12.531 3.57467C13.0342 3.27065 13.196 2.71398 13.1368 2.27627C13.0754 1.82126 12.7166 1.25 12 1.25V2.75ZM21.7092 12.2447C21.6444 12.3518 21.5541 12.3539 21.523 12.3497C21.4976 12.3462 21.4347 12.3314 21.3683 12.2676C21.2899 12.1923 21.25 12.0885 21.25 12H22.75C22.75 11.2834 22.1787 10.9246 21.7237 10.8632C21.286 10.804 20.7293 10.9658 20.4253 11.469L21.7092 12.2447Z"
                                 fill="currentColor"></path>
                         </svg>
-                        Dark
+                        Oscuro
                     </button>
                     <button type="button" class="btn"
                         :class="[$store.app.theme === 'system' ? 'btn-primary' : 'btn-outline-primary']"
@@ -85,15 +85,15 @@ class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:t
                             <path opacity="0.5" d="M15 15H9" stroke="currentColor" stroke-width="1.5"
                                 stroke-linecap="round"></path>
                         </svg>
-                        System
+                        Sistema
                     </button>
                 </div>
             </div>
 
             <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Navigation Position</h5>
-                <p class="text-white-dark text-xs">Select the primary navigation paradigm for your app.</p>
-                <div class="grid grid-cols-3 gap-2 mt-3">
+                <h5 class="mb-1 text-base dark:text-white leading-none">Navegación</h5>
+                <p class="text-white-dark text-xs">Seleccione la disposición de la barra de navegación.</p>
+                <div class="grid grid-cols-2 gap-2 mt-3">
                     <button type="button" class="btn"
                         :class="[$store.app.menu === 'horizontal' ? 'btn-primary' : 'btn-outline-primary']"
                         @click="$store.app.toggleMenu('horizontal')">
@@ -104,56 +104,19 @@ class="absolute top-0 ltr:right-0 rtl:left-0 opacity-30 hover:opacity-100 dark:t
                         @click="$store.app.toggleMenu('vertical')">
                         Vertical
                     </button>
-                    <button type="button" class="btn"
-                        :class="[$store.app.menu === 'collapsible-vertical' ? 'btn-primary' : 'btn-outline-primary']"
-                        @click="$store.app.toggleMenu('collapsible-vertical')">
-                        Collapsible
-                    </button>
                 </div>
                 <div class="mt-5 text-primary">
                     <label class="inline-flex mb-0">
                         <input x-model="$store.app.semidark" type="checkbox" :value="true"
                             class="form-checkbox" @change="$store.app.toggleSemidark()" />
-                        <span>Semi Dark (Sidebar & Header)</span>
+                        <span>Semi Oscuro (Sidebar)</span>
                     </label>
                 </div>
             </div>
-            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Layout Style</h5>
-                <p class="text-white-dark text-xs">Select the primary layout style for your app.</p>
-                <div class="flex gap-2 mt-3">
-                    <button type="button" class="btn flex-auto"
-                        :class="[$store.app.layout === 'boxed-layout' ? 'btn-primary' : 'btn-outline-primary']"
-                        @click="$store.app.toggleLayout('boxed-layout')">
-                        Box
-                    </button>
-                    <button type="button" class="btn flex-auto"
-                        :class="[$store.app.layout === 'full' ? 'btn-primary' : 'btn-outline-primary']"
-                        @click="$store.app.toggleLayout('full')">
-                        Full
-                    </button>
-                </div>
-            </div>
-            <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Direction</h5>
-                <p class="text-white-dark text-xs">Select the direction for your app.</p>
-                <div class="flex gap-2 mt-3">
-                    <button type="button" class="btn flex-auto"
-                        :class="[$store.app.rtlClass === 'ltr' ? 'btn-primary' : 'btn-outline-primary']"
-                        @click="$store.app.toggleRTL('ltr')">
-                        LTR
-                    </button>
-                    <button type="button" class="btn flex-auto"
-                        :class="[$store.app.rtlClass === 'rtl' ? 'btn-primary' : 'btn-outline-primary']"
-                        @click="$store.app.toggleRTL('rtl')">
-                        RTL
-                    </button>
-                </div>
-            </div>
 
             <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Navbar Type</h5>
-                <p class="text-white-dark text-xs">Sticky or Floating.</p>
+                <h5 class="mb-1 text-base dark:text-white leading-none">Tipo de barra de navegación</h5>
+                <p class="text-white-dark text-xs">Sticky o Flotante.</p>
                 <div class="mt-3 flex items-center gap-3 text-primary">
                     <label class="inline-flex mb-0">
                         <input x-model="$store.app.navbar" type="radio" value="navbar-sticky" class="form-radio"
@@ -163,24 +126,24 @@ class="form-checkbox" @change="$store.app.toggleSemidark()" />
                     <label class="inline-flex mb-0">
                         <input x-model="$store.app.navbar" type="radio" value="navbar-floating" class="form-radio"
                             @change="$store.app.toggleNavbar()" />
-                        <span>Floating</span>
+                        <span>Flotante</span>
                     </label>
                     <label class="inline-flex mb-0">
                         <input x-model="$store.app.navbar" type="radio" value="navbar-static" class="form-radio"
                             @change="$store.app.toggleNavbar()" />
-                        <span>Static</span>
+                        <span>Estática</span>
                     </label>
                 </div>
             </div>
 
 
             <div class="border border-dashed border-[#e0e6ed] dark:border-[#1b2e4b] rounded-md mb-3 p-3">
-                <h5 class="mb-1 text-base dark:text-white leading-none">Router Transition</h5>
-                <p class="text-white-dark text-xs">Animation of main content.</p>
+                <h5 class="mb-1 text-base dark:text-white leading-none">Transiciones</h5>
+                <p class="text-white-dark text-xs">Animación del contenido principal.</p>
                 <div class="mt-3">
                     <select x-model="$store.app.animation" class="form-select border-primary text-primary"
                         @change="$store.app.toggleAnimation()">
-                        <option value="">None</option>
+                        <option value="">Ninguna</option>
                         <option value="animate__fadeIn">Fade</option>
                         <option value="animate__fadeInDown">Fade Down</option>
                         <option value="animate__fadeInUp">Fade Up</option>
diff --git a/resources/views/components/layout/auth.blade.php b/resources/views/components/layout/auth.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..d39aee5c6e685a4c66c316ba765b1a26d18b4614
--- /dev/null
+++ b/resources/views/components/layout/auth.blade.php
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="es" dir="ltr">
+
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+    <title>{{ $title ?? 'Coordinación de Logística y Relaciones Públicas del Estado de Zacatecas' }}</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap"
+            rel="stylesheet">
+
+        @vite(['resources/css/app.css'])
+
+    <script src="/assets/js/perfect-scrollbar.min.js"></script>
+    <script defer src="/assets/js/popper.min.js"></script>
+    <script defer src="/assets/js/tippy-bundle.umd.min.js"></script>
+    <script defer src="/assets/js/sweetalert.min.js"></script>
+</head>
+
+
+<body x-data="main" class="antialiased relative font-nunito text-sm font-normal overflow-x-hidden"
+    :class="[$store.app.sidebar ? 'toggle-sidebar' : '', $store.app.theme === 'dark' || $store.app.isDarkMode ?  'dark' : '', $store.app.menu, $store.app.layout, $store.app
+        .rtlClass
+    ]">
+
+    <!-- screen loader -->
+    <div
+        class="screen_loader fixed inset-0 bg-[#fafafa] dark:bg-[#060818] z-[60] grid place-content-center animate__animated">
+        <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
+            <path
+                d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s"
+                    repeatCount="indefinite" />
+            </path>
+            <path
+                d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
+                <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s"
+                    repeatCount="indefinite" />
+            </path>
+        </svg>
+    </div>
+
+    <div class="fixed bottom-6 right-6 z-50" x-data="scrollToTop">
+        <template x-if="showTopButton">
+            <button type="button" class="btn btn-outline-primary rounded-full p-2 animate-pulse" @click="goToTop">
+                <svg width="24" height="24" class="h-4 w-4" viewBox="0 0 24 24" fill="none"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
+                        d="M12 20.75C12.4142 20.75 12.75 20.4142 12.75 20L12.75 10.75L11.25 10.75L11.25 20C11.25 20.4142 11.5858 20.75 12 20.75Z"
+                        fill="currentColor" />
+                    <path
+                        d="M6.00002 10.75C5.69667 10.75 5.4232 10.5673 5.30711 10.287C5.19103 10.0068 5.25519 9.68417 5.46969 9.46967L11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5304 3.46967L18.5304 9.46967C18.7449 9.68417 18.809 10.0068 18.6929 10.287C18.5768 10.5673 18.3034 10.75 18 10.75L6.00002 10.75Z"
+                        fill="currentColor" />
+                </svg>
+            </button>
+        </template>
+    </div>
+
+    <script>
+        document.addEventListener("alpine:init", () => {
+            Alpine.data("scrollToTop", () => ({
+                showTopButton: false,
+                init() {
+                    window.onscroll = () => {
+                        this.scrollFunction();
+                    };
+                },
+
+                scrollFunction() {
+                    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
+                        this.showTopButton = true;
+                    } else {
+                        this.showTopButton = false;
+                    }
+                },
+
+                goToTop() {
+                    document.body.scrollTop = 0;
+                    document.documentElement.scrollTop = 0;
+                },
+            }));
+        });
+    </script>
+
+    <div class="main-container text-black dark:text-white-dark min-h-screen">
+        {{ $slot }}
+    </div>
+    <script src="/assets/js/alpine-collaspe.min.js"></script>
+    <script src="/assets/js/alpine-persist.min.js"></script>
+    <script defer src="/assets/js/alpine-ui.min.js"></script>
+    <script defer src="/assets/js/alpine-focus.min.js"></script>
+    <script defer src="/assets/js/alpine.min.js"></script>
+    <script src="/assets/js/custom.js"></script>
+    </body>
+
+    </html>
diff --git a/resources/views/components/layout/default.blade.php b/resources/views/components/layout/default.blade.php
index 4a55c14998738ecd6a81c9ad9132a438609065d2..be6df26a074dd71deebae6add71b680fd62442ad 100644
--- a/resources/views/components/layout/default.blade.php
+++ b/resources/views/components/layout/default.blade.php
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="en" dir="ltr">
+<html lang="es" dir="ltr">
 
 <head>
     <meta charset='utf-8' />
     <meta http-equiv='X-UA-Compatible' content='IE=edge' />
-    <title>{{ $title ?? 'VRISTO - Multipurpose Tailwind Dashboard Template' }}</title>
+    <title>{{ $title ?? 'Coordinación de Logística y Relaciones Públicas del Estado de Zacatecas' }}</title>
 
     <meta name='viewport' content='width=device-width, initial-scale=1' />
-    <link rel="icon" type="image/svg" href="/assets/images/favicon.svg" />
+    <link rel="icon" type="image/svg" href="/assets/images/favicon.png" />
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -95,7 +95,7 @@ class="btn btn-outline-primary rounded-full p-2 animate-pulse bg-[#fafafa] dark:
 
     <div class="main-container text-black dark:text-white-dark min-h-screen" :class="[$store.app.navbar]">
 
-        <x-common.sidebar />
+        <x-common.sidebaradmin />
 
         <div class="main-content flex flex-col min-h-screen">
             <x-common.header />
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 328486ec011a3d30a7f0c0278c1ec090a53d72c2..9aa456700d2fa2885b5140d6dd6db0fd5c75ef0c 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -11,708 +11,7 @@
             </li>
         </ul>
         <div class="pt-5">
-            <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-6">
-                <div class="panel h-full sm:col-span-2 lg:col-span-1">
-                    <!-- statistics -->
-                    <div class="flex items-center justify-between dark:text-white-light mb-5">
-                        <h5 class="font-semibold text-lg ">Statistics</h5>
-                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
-                            <a href="javascript:;" @click="toggle">
-                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                    <circle opacity="0.5" cx="12" cy="12" r="2"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                </svg>
-                            </a>
-                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                                class="ltr:right-0 rtl:left-0">
-                                <li><a href="javascript:;" @click="toggle">This Week</a></li>
-                                <li><a href="javascript:;" @click="toggle">Last Week</a></li>
-                                <li><a href="javascript:;" @click="toggle">This Month</a></li>
-                                <li><a href="javascript:;" @click="toggle">Last Month</a></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="grid sm:grid-cols-2 gap-8 text-sm text-[#515365] font-bold">
-                        <div>
-                            <div>
-                                <div>Total Visits</div>
-                                <div class="text-[#f8538d] text-lg">423,964</div>
-                            </div>
-                            <div x-ref="totalVisit" class="overflow-hidden"> </div>
-                        </div>
-
-                        <div>
-                            <div>
-                                <div>Paid Visits</div>
-                                <div class="text-[#f8538d] text-lg">7,929</div>
-                            </div>
-                            <div x-ref="paidVisit" class="overflow-hidden">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="panel h-full">
-                    <div class="flex items-center justify-between dark:text-white-light mb-5">
-                        <h5 class="font-semibold text-lg ">Expenses</h5>
-                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
-                            <a href="javascript:;" @click="toggle">
-                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                    <circle opacity="0.5" cx="12" cy="12" r="2"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                </svg>
-                            </a>
-                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                                class="ltr:right-0 rtl:left-0">
-                                <li><a href="javascript:;" @click="toggle">This Week</a></li>
-                                <li><a href="javascript:;" @click="toggle">Last Week</a></li>
-                                <li><a href="javascript:;" @click="toggle">This Month</a></li>
-                                <li><a href="javascript:;" @click="toggle">Last Month</a></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class=" text-[#e95f2b] text-3xl font-bold my-10">
-                        <span>$ 45,141</span>
-                        <span class="text-black text-sm dark:text-white-light ltr:mr-1 rtl:ml-1">this week </span>
-                        <svg class="w-5 h-5 text-success inline" viewBox="0 0 24 24" fill="none"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <path opacity="0.5"
-                                d="M22 7L14.6203 14.3347C13.6227 15.3263 13.1238 15.822 12.5051 15.822C11.8864 15.8219 11.3876 15.326 10.3902 14.3342L10.1509 14.0962C9.15254 13.1035 8.65338 12.6071 8.03422 12.6074C7.41506 12.6076 6.91626 13.1043 5.91867 14.0977L2 18"
-                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                            <path d="M22.0001 12.5458V7H16.418" stroke="currentColor" stroke-width="1.5"
-                                stroke-linecap="round" stroke-linejoin="round" />
-                        </svg>
-                    </div>
-                    <div class="flex items-center justify-between">
-                        <div
-                            class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:shadow-none dark:bg-dark-light/10">
-                            <div class="bg-gradient-to-r from-[#4361ee] to-[#805dca] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
-                                style="width: 65%;"></div>
-                        </div>
-                        <span class="ltr:ml-5 rtl:mr-5 dark:text-white-light">57%</span>
-                    </div>
-                </div>
-
-                <div class="panel h-full overflow-hidden before:bg-[#1937cc] before:absolute before:-right-44 before:top-0 before:bottom-0 before:m-auto before:rounded-full before:w-96 before:h-96 grid grid-cols-1 content-between"
-                    style="background:linear-gradient(0deg,#00c6fb -227%,#005bea)!important;">
-                    <div class="flex items-start justify-between text-white-light mb-16 z-[7]">
-                        <h5 class="font-semibold text-lg">Total Balance</h5>
-
-                        <div class="relative text-xl whitespace-nowrap">
-                            $ 41,741.42
-                            <span
-                                class="table text-[#d3d3d3] bg-[#4361ee] rounded p-1 text-xs mt-1 ltr:ml-auto rtl:mr-auto">+
-                                2453</span>
-                        </div>
-                    </div>
-                    <div class="flex items-center justify-between z-10">
-                        <div class="flex items-center justify-between">
-                            <a href="javascript:;"
-                                class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] place-content-center ltr:mr-2 rtl:ml-2">
-                                <svg class="w-5 h-5" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
-                                    fill="none" stroke-linecap="round" stroke-linejoin="round">
-                                    <line x1="12" y1="5" x2="12" y2="19"></line>
-                                    <line x1="5" y1="12" x2="19" y2="12"></line>
-                                </svg>
-                            </a>
-                            <a href="javascript:;"
-                                class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#1937cc] grid place-content-center">
-                                <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg">
-                                    <path
-                                        d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
-                                        stroke="currentColor" stroke-width="1.5"></path>
-                                    <path opacity="0.5" d="M10 16H6" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round"></path>
-                                    <path opacity="0.5" d="M14 16H12.5" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round"></path>
-                                    <path opacity="0.5" d="M2 10L22 10" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round"></path>
-                                </svg>
-                            </a>
-                        </div>
-                        <a href="javascript:;"
-                            class="shadow-[0_0_2px_0_#bfc9d4] rounded p-1 text-white-light hover:bg-[#4361ee] z-10">
-                            Upgrade
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-
-            <div class="grid lg:grid-cols-3 gap-6 mb-6">
-                <div class="panel h-full p-0 lg:col-span-2">
-                    <div
-                        class="flex items-start justify-between dark:text-white-light mb-5 p-5 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
-                        <h5 class="font-semibold text-lg ">Unique Visitors</h5>
-                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
-                            <a href="javascript:;" @click="toggle">
-                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                    <circle opacity="0.5" cx="12" cy="12" r="2"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                </svg>
-                            </a>
-                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                                class="ltr:right-0 rtl:left-0">
-                                <li><a href="javascript:;" @click="toggle">View</a></li>
-                                <li><a href="javascript:;" @click="toggle">Update</a></li>
-                                <li><a href="javascript:;" @click="toggle">Download</a></li>
-                            </ul>
-                        </div>
-                    </div>
-
-                    <div x-ref="uniqueVisitorSeries" class="overflow-hidden">
-                        <!-- loader -->
-                        <div
-                            class="min-h-[360px] grid place-content-center bg-white-light/30 dark:bg-dark dark:bg-opacity-[0.08] ">
-                            <span
-                                class="animate-spin border-2 border-black dark:border-white !border-l-transparent  rounded-full w-5 h-5 inline-flex"></span>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="panel h-full">
-                    <div
-                        class="flex items-start justify-between dark:text-white-light mb-5 -mx-5 p-5 pt-0 border-b  border-[#e0e6ed] dark:border-[#1b2e4b]">
-                        <h5 class="font-semibold text-lg ">Activity Log</h5>
-                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
-                            <a href="javascript:;" @click="toggle">
-                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                    <circle opacity="0.5" cx="12" cy="12" r="2"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                </svg>
-                            </a>
-                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                                class="ltr:right-0 rtl:left-0">
-                                <li><a href="javascript:;" @click="toggle">View All</a></li>
-                                <li><a href="javascript:;" @click="toggle">Mark as Read</a></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="perfect-scrollbar relative h-[360px] pr-3 -mr-3">
-                        <div class="space-y-7">
-                            <div class="flex">
-                                <div
-                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
-                                    <div
-                                        class="bg-secondary shadow shadow-secondary w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg class="w-4 h-4" viewBox="0 0 24 24" stroke="currentColor"
-                                            stroke-width="1.5" fill="none" stroke-linecap="round"
-                                            stroke-linejoin="round">
-                                            <line x1="12" y1="5" x2="12" y2="19">
-                                            </line>
-                                            <line x1="5" y1="12" x2="19" y2="12">
-                                            </line>
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light">New project created : <a
-                                            href="javascript:;" class="text-success">[VRISTO Admin Template]</a></h5>
-                                    <p class="text-white-dark text-xs">27 Feb, 2020</p>
-                                </div>
-                            </div>
-                            <div class="flex">
-                                <div
-                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
-                                    <div
-                                        class="bg-success shadow-success w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path opacity="0.5"
-                                                d="M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12C22 15.7712 22 17.6569 20.8284 18.8284C19.6569 20 17.7712 20 14 20H10C6.22876 20 4.34315 20 3.17157 18.8284C2 17.6569 2 15.7712 2 12Z"
-                                                stroke="currentColor" stroke-width="1.5" />
-                                            <path
-                                                d="M6 8L8.1589 9.79908C9.99553 11.3296 10.9139 12.0949 12 12.0949C13.0861 12.0949 14.0045 11.3296 15.8411 9.79908L18 8"
-                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light">Mail sent to <a
-                                            href="javascript:;" class="text-white-dark">HR</a> and <a
-                                            href="javascript:;" class="text-white-dark">Admin</a></h5>
-                                    <p class="text-white-dark text-xs">28 Feb, 2020</p>
-                                </div>
-                            </div>
-                            <div class="flex">
-                                <div
-                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
-                                    <div
-                                        class="bg-primary w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5"
-                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
-                                                stroke-linejoin="round" />
-                                            <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
-                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light">Server Logs Updated</h5>
-                                    <p class="text-white-dark text-xs">27 Feb, 2020</p>
-                                </div>
-                            </div>
-                            <div class="flex">
-                                <div
-                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
-                                    <div
-                                        class="bg-danger w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path opacity="0.5" d="M4 12.9L7.14286 16.5L15 7.5"
-                                                stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
-                                                stroke-linejoin="round" />
-                                            <path d="M20.0002 7.5625L11.4286 16.5625L11.0002 16" stroke="currentColor"
-                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light"> Task Completed : <a
-                                            href="javascript:;" class="text-success">[Backup Files EOD]</a></h5>
-                                    <p class="text-white-dark text-xs">01 Mar, 2020</p>
-                                </div>
-                            </div>
-                            <div class="flex">
-                                <div
-                                    class="shrink-0 ltr:mr-2 rtl:ml-2 relative z-10 before:w-[2px] before:h-[calc(100%-24px)] before:bg-white-dark/30 before:absolute before:top-10 before:left-4">
-                                    <div
-                                        class="bg-warning w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg">
-                                            <path
-                                                d="M15.3929 4.05365L14.8912 4.61112L15.3929 4.05365ZM19.3517 7.61654L18.85 8.17402L19.3517 7.61654ZM21.654 10.1541L20.9689 10.4592V10.4592L21.654 10.1541ZM3.17157 20.8284L3.7019 20.2981H3.7019L3.17157 20.8284ZM20.8284 20.8284L20.2981 20.2981L20.2981 20.2981L20.8284 20.8284ZM14 21.25H10V22.75H14V21.25ZM2.75 14V10H1.25V14H2.75ZM21.25 13.5629V14H22.75V13.5629H21.25ZM14.8912 4.61112L18.85 8.17402L19.8534 7.05907L15.8947 3.49618L14.8912 4.61112ZM22.75 13.5629C22.75 11.8745 22.7651 10.8055 22.3391 9.84897L20.9689 10.4592C21.2349 11.0565 21.25 11.742 21.25 13.5629H22.75ZM18.85 8.17402C20.2034 9.3921 20.7029 9.86199 20.9689 10.4592L22.3391 9.84897C21.9131 8.89241 21.1084 8.18853 19.8534 7.05907L18.85 8.17402ZM10.0298 2.75C11.6116 2.75 12.2085 2.76158 12.7405 2.96573L13.2779 1.5653C12.4261 1.23842 11.498 1.25 10.0298 1.25V2.75ZM15.8947 3.49618C14.8087 2.51878 14.1297 1.89214 13.2779 1.5653L12.7405 2.96573C13.2727 3.16993 13.7215 3.55836 14.8912 4.61112L15.8947 3.49618ZM10 21.25C8.09318 21.25 6.73851 21.2484 5.71085 21.1102C4.70476 20.975 4.12511 20.7213 3.7019 20.2981L2.64124 21.3588C3.38961 22.1071 4.33855 22.4392 5.51098 22.5969C6.66182 22.7516 8.13558 22.75 10 22.75V21.25ZM1.25 14C1.25 15.8644 1.24841 17.3382 1.40313 18.489C1.56076 19.6614 1.89288 20.6104 2.64124 21.3588L3.7019 20.2981C3.27869 19.8749 3.02502 19.2952 2.88976 18.2892C2.75159 17.2615 2.75 15.9068 2.75 14H1.25ZM14 22.75C15.8644 22.75 17.3382 22.7516 18.489 22.5969C19.6614 22.4392 20.6104 22.1071 21.3588 21.3588L20.2981 20.2981C19.8749 20.7213 19.2952 20.975 18.2892 21.1102C17.2615 21.2484 15.9068 21.25 14 21.25V22.75ZM21.25 14C21.25 15.9068 21.2484 17.2615 21.1102 18.2892C20.975 19.2952 20.7213 19.8749 20.2981 20.2981L21.3588 21.3588C22.1071 20.6104 22.4392 19.6614 22.5969 18.489C22.7516 17.3382 22.75 15.8644 22.75 14H21.25ZM2.75 10C2.75 8.09318 2.75159 6.73851 2.88976 5.71085C3.02502 4.70476 3.27869 4.12511 3.7019 3.7019L2.64124 2.64124C1.89288 3.38961 1.56076 4.33855 1.40313 5.51098C1.24841 6.66182 1.25 8.13558 1.25 10H2.75ZM10.0298 1.25C8.15538 1.25 6.67442 1.24842 5.51887 1.40307C4.34232 1.56054 3.39019 1.8923 2.64124 2.64124L3.7019 3.7019C4.12453 3.27928 4.70596 3.02525 5.71785 2.88982C6.75075 2.75158 8.11311 2.75 10.0298 2.75V1.25Z"
-                                                fill="currentColor" />
-                                            <path opacity="0.5"
-                                                d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"
-                                                stroke="currentColor" stroke-width="1.5" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light">Documents Submitted from <a
-                                            href="javascript:;">Sara</a></h5>
-                                    <p class="text-white-dark text-xs">10 Mar, 2020</p>
-                                </div>
-                            </div>
-                            <div class="flex">
-                                <div class="shrink-0 ltr:mr-2 rtl:ml-2">
-                                    <div
-                                        class="bg-dark w-8 h-8 rounded-full flex items-center justify-center text-white">
-                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                            xmlns="http://www.w3.org/2000/svg" class="w-4 h-4">
-                                            <path opacity="0.5"
-                                                d="M2 17C2 15.1144 2 14.1716 2.58579 13.5858C3.17157 13 4.11438 13 6 13H18C19.8856 13 20.8284 13 21.4142 13.5858C22 14.1716 22 15.1144 22 17C22 18.8856 22 19.8284 21.4142 20.4142C20.8284 21 19.8856 21 18 21H6C4.11438 21 3.17157 21 2.58579 20.4142C2 19.8284 2 18.8856 2 17Z"
-                                                stroke="currentColor" stroke-width="1.5" />
-                                            <path opacity="0.5"
-                                                d="M2 6C2 4.11438 2 3.17157 2.58579 2.58579C3.17157 2 4.11438 2 6 2H18C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6C22 7.88562 22 8.82843 21.4142 9.41421C20.8284 10 19.8856 10 18 10H6C4.11438 10 3.17157 10 2.58579 9.41421C2 8.82843 2 7.88562 2 6Z"
-                                                stroke="currentColor" stroke-width="1.5" />
-                                            <path d="M11 6H18" stroke="currentColor" stroke-width="1.5"
-                                                stroke-linecap="round" />
-                                            <path d="M6 6H8" stroke="currentColor" stroke-width="1.5"
-                                                stroke-linecap="round" />
-                                            <path d="M11 17H18" stroke="currentColor" stroke-width="1.5"
-                                                stroke-linecap="round" />
-                                            <path d="M6 17H8" stroke="currentColor" stroke-width="1.5"
-                                                stroke-linecap="round" />
-                                        </svg>
-                                    </div>
-                                </div>
-                                <div>
-                                    <h5 class="font-semibold dark:text-white-light">Server rebooted successfully</h5>
-                                    <p class="text-white-dark text-xs">06 Apr, 2020</p>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="grid sm:grid-cols-3 xl:grid-cols-5 gap-6 mb-6">
-                <div class="panel h-full sm:col-span-3 xl:col-span-2">
-                    <div class="flex items-start justify-between mb-5">
-                        <h5 class="font-semibold text-lg dark:text-white-light">Visitors by Browser</h5>
-                    </div>
-                    <div class="flex flex-col space-y-5">
-                        <div class="flex items-center">
-                            <div class="w-9 h-9">
-                                <div
-                                    class="bg-primary/10 text-primary rounded-xl w-9 h-9 flex justify-center items-center dark:bg-primary dark:text-white-light">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px"
-                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5">
-                                        <circle cx="12" cy="12" r="10"></circle>
-                                        <circle opacity="0.5" cx="12" cy="12" r="4">
-                                        </circle>
-                                        <line opacity="0.5" x1="21.17" y1="8" x2="12"
-                                            y2="8"></line>
-                                        <line opacity="0.5" x1="3.95" y1="6.06" x2="8.54"
-                                            y2="14"></line>
-                                        <line opacity="0.5" x1="10.88" y1="21.94" x2="15.46"
-                                            y2="14"></line>
-                                    </svg>
-                                </div>
-                            </div>
-                            <div class="px-3 flex-initial w-full">
-                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
-                                    <h6>Chrome</h6>
-                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">65%</p>
-                                </div>
-                                <div>
-                                    <div
-                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
-                                        <div class="bg-gradient-to-r from-[#009ffd] to-[#2a2a72] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
-                                            style="width: 65%;"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex items-center">
-                            <div class="w-9 h-9">
-                                <div
-                                    class="bg-danger/10 text-danger rounded-xl w-9 h-9 flex justify-center items-center dark:bg-danger dark:text-white-light">
-                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
-                                        <circle opacity="0.5" cx="12" cy="12" r="10"
-                                            stroke="currentColor" stroke-width="1.5" />
-                                        <path
-                                            d="M13.024 14.5601C10.7142 15.484 9.5593 15.946 8.89964 15.4977C8.74324 15.3914 8.60834 15.2565 8.50206 15.1001C8.0538 14.4405 8.51575 13.2856 9.43967 10.9758C9.63673 10.4831 9.73527 10.2368 9.90474 10.0435C9.94792 9.99429 9.99429 9.94792 10.0435 9.90474C10.2368 9.73527 10.4831 9.63673 10.9758 9.43966C13.2856 8.51575 14.4405 8.0538 15.1001 8.50206C15.2565 8.60834 15.3914 8.74324 15.4977 8.89964C15.946 9.5593 15.484 10.7142 14.5601 13.024C14.363 13.5166 14.2645 13.763 14.095 13.9562C14.0518 14.0055 14.0055 14.0518 13.9562 14.095C13.763 14.2645 13.5166 14.363 13.024 14.5601Z"
-                                            stroke="currentColor" stroke-width="1.5" />
-                                    </svg>
-                                </div>
-                            </div>
-                            <div class="px-3 flex-initial w-full">
-                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
-                                    <h6>Safari</h6>
-                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">40%</p>
-                                </div>
-                                <div>
-                                    <div
-                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
-                                        <div class="bg-gradient-to-r from-[#a71d31] to-[#3f0d12] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
-                                            style="width: 40%;"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="flex items-center">
-                            <div class="w-9 h-9">
-                                <div
-                                    class="bg-warning/10 text-warning rounded-xl w-9 h-9 flex justify-center items-center dark:bg-warning dark:text-white-light">
-                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                        xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
-                                        <path opacity="0.5"
-                                            d="M2 12H22M16 12C16 13.3132 15.8965 14.6136 15.6955 15.8268C15.4945 17.0401 15.1999 18.1425 14.8284 19.0711C14.457 19.9997 14.016 20.7362 13.5307 21.2388C13.0454 21.7413 12.5253 22 12 22C11.4747 22 10.9546 21.7413 10.4693 21.2388C9.98396 20.7362 9.54301 19.9997 9.17157 19.0711C8.80014 18.1425 8.5055 17.0401 8.30448 15.8268C8.10346 14.6136 8 13.3132 8 12C8 10.6868 8.10346 9.38642 8.30448 8.17316C8.5055 6.95991 8.80014 5.85752 9.17157 4.92893C9.54301 4.00035 9.98396 3.26375 10.4693 2.7612C10.9546 2.25866 11.4747 2 12 2C12.5253 2 13.0454 2.25866 13.5307 2.76121C14.016 3.26375 14.457 4.00035 14.8284 4.92893C15.1999 5.85752 15.4945 6.95991 15.6955 8.17317C15.8965 9.38642 16 10.6868 16 12Z"
-                                            stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                        <path
-                                            d="M22 12C22 13.3132 21.7413 14.6136 21.2388 15.8268C20.7362 17.0401 19.9997 18.1425 19.0711 19.0711C18.1425 19.9997 17.0401 20.7362 15.8268 21.2388C14.6136 21.7413 13.3132 22 12 22C10.6868 22 9.38642 21.7413 8.17317 21.2388C6.95991 20.7362 5.85752 19.9997 4.92893 19.0711C4.00035 18.1425 3.26375 17.0401 2.7612 15.8268C2.25866 14.6136 2 13.3132 2 12C2 10.6868 2.25866 9.38642 2.76121 8.17316C3.26375 6.95991 4.00035 5.85752 4.92893 4.92893C5.85752 4.00035 6.95991 3.26375 8.17317 2.7612C9.38642 2.25866 10.6868 2 12 2C13.3132 2 14.6136 2.25866 15.8268 2.76121C17.0401 3.26375 18.1425 4.00035 19.0711 4.92893C19.9997 5.85752 20.7362 6.95991 21.2388 8.17317C21.7413 9.38642 22 10.6868 22 12L22 12Z"
-                                            stroke="currentColor" stroke-width="1.5" />
-                                    </svg>
-                                </div>
-                            </div>
-                            <div class="px-3 flex-initial w-full">
-                                <div class="w-summary-info flex justify-between font-semibold text-white-dark mb-1">
-                                    <h6>Others</h6>
-                                    <p class="ltr:ml-auto rtl:mr-auto text-xs">25%</p>
-                                </div>
-                                <div>
-                                    <div
-                                        class="w-full rounded-full h-5 p-1 bg-dark-light overflow-hidden shadow-3xl dark:bg-dark-light/10 dark:shadow-none">
-                                        <div class="bg-gradient-to-r from-[#fe5f75] to-[#fc9842] w-full h-full rounded-full relative before:absolute before:inset-y-0 ltr:before:right-0.5 rtl:before:left-0.5 before:bg-white before:w-2 before:h-2 before:rounded-full before:m-auto"
-                                            style="width: 25%;"></div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="panel h-full p-0">
-                    <div class="flex p-5">
-                        <div
-                            class="shrink-0 bg-primary/10 text-primary rounded-xl w-11 h-11 flex justify-center items-center dark:bg-primary dark:text-white-light">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
-                                <circle cx="12" cy="6" r="4" stroke="currentColor"
-                                    stroke-width="1.5" />
-                                <path opacity="0.5" d="M18 9C19.6569 9 21 7.88071 21 6.5C21 5.11929 19.6569 4 18 4"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                <path opacity="0.5" d="M6 9C4.34315 9 3 7.88071 3 6.5C3 5.11929 4.34315 4 6 4"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                <ellipse cx="12" cy="17" rx="6" ry="4"
-                                    stroke="currentColor" stroke-width="1.5" />
-                                <path opacity="0.5"
-                                    d="M20 19C21.7542 18.6153 23 17.6411 23 16.5C23 15.3589 21.7542 14.3847 20 14"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                <path opacity="0.5"
-                                    d="M4 19C2.24575 18.6153 1 17.6411 1 16.5C1 15.3589 2.24575 14.3847 4 14"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            </svg>
-                        </div>
-                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
-                            <p class="text-xl dark:text-white-light">31.6K</p>
-                            <h5 class="text-[#506690] text-xs">Followers</h5>
-                        </div>
-                    </div>
-                    <div class="h-40 overflow-hidden">
-                        <div x-ref="followers" class="w-full absolute bottom-0"></div>
-                    </div>
-                </div>
-
-                <div class="panel h-full p-0">
-                    <div class="flex p-5">
-                        <div
-                            class="shrink-0 bg-danger/10 text-danger rounded-xl w-11 h-11 flex justify-center items-center dark:bg-danger dark:text-white-light">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
-                                <path
-                                    d="M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                                <path opacity="0.5"
-                                    d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373"
-                                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
-                            </svg>
-                        </div>
-                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
-                            <p class="text-xl dark:text-white-light">1,900</p>
-                            <h5 class="text-[#506690] text-xs">Referral</h5>
-                        </div>
-                    </div>
-                    <div class="h-40 overflow-hidden">
-                        <div x-ref="referral" class="w-full absolute bottom-0"></div>
-                    </div>
-                </div>
-
-                <div class="panel h-full p-0">
-                    <div class="flex p-5">
-                        <div
-                            class="shrink-0 bg-success/10 text-success rounded-xl w-11 h-11 flex justify-center items-center dark:bg-success dark:text-white-light">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
-                                <path
-                                    d="M10 22C14.4183 22 18 18.4183 18 14C18 9.58172 14.4183 6 10 6C5.58172 6 2 9.58172 2 14C2 15.2355 2.28008 16.4056 2.7802 17.4502C2.95209 17.8093 3.01245 18.2161 2.90955 18.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L5.39939 21.0904C5.78393 20.9876 6.19071 21.0479 6.54976 21.2198C7.5944 21.7199 8.76449 22 10 22Z"
-                                    stroke="currentColor" stroke-width="1.5" />
-                                <path opacity="0.5"
-                                    d="M18 14.5018C18.0665 14.4741 18.1324 14.4453 18.1977 14.4155C18.5598 14.2501 18.9661 14.1882 19.3506 14.2911L19.8267 14.4185C20.793 14.677 21.677 13.793 21.4185 12.8267L21.2911 12.3506C21.1882 11.9661 21.2501 11.5598 21.4155 11.1977C21.7908 10.376 22 9.46242 22 8.5C22 4.91015 19.0899 2 15.5 2C12.7977 2 10.4806 3.64899 9.5 5.9956"
-                                    stroke="currentColor" stroke-width="1.5" />
-                                <g opacity="0.5">
-                                    <path
-                                        d="M7.5 14C7.5 14.5523 7.05228 15 6.5 15C5.94772 15 5.5 14.5523 5.5 14C5.5 13.4477 5.94772 13 6.5 13C7.05228 13 7.5 13.4477 7.5 14Z"
-                                        fill="currentColor" />
-                                    <path
-                                        d="M11 14C11 14.5523 10.5523 15 10 15C9.44772 15 9 14.5523 9 14C9 13.4477 9.44772 13 10 13C10.5523 13 11 13.4477 11 14Z"
-                                        fill="currentColor" />
-                                    <path
-                                        d="M14.5 14C14.5 14.5523 14.0523 15 13.5 15C12.9477 15 12.5 14.5523 12.5 14C12.5 13.4477 12.9477 13 13.5 13C14.0523 13 14.5 13.4477 14.5 14Z"
-                                        fill="currentColor" />
-                                </g>
-                            </svg>
-                        </div>
-                        <div class="ltr:ml-3 rtl:mr-3 font-semibold">
-                            <p class="text-xl dark:text-white-light">18.2%</p>
-                            <h5 class="text-[#506690] text-xs">Engagement</h5>
-                        </div>
-                    </div>
-                    <div class="h-40 overflow-hidden">
-                        <div x-ref="engagement" class="w-full absolute bottom-0"></div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="grid md:grid-cols-2 xl:grid-cols-3 gap-6">
-                <div class="panel h-full">
-                    <div class="flex items-start border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
-                        <div class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
-                            <img src="/assets/images/profile-1.jpeg" alt="image"
-                                class="w-10 h-10 rounded-full object-cover" />
-                        </div>
-                        <div class="font-semibold">
-                            <h6>Jimmy Turner</h6>
-                            <p class="text-xs text-white-dark mt-1">Monday, Nov 18</p>
-                        </div>
-                    </div>
-                    <div>
-                        <div class="text-white-dark pb-8">
-                            "Duis aute irure dolor" in reprehenderit in voluptate velit esse cillum "dolore eu fugiat"
-                            nulla pariatur. Excepteur sint occaecat cupidatat non proident.
-                        </div>
-                        <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
-                            <div class="flex items-center">
-                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    class="w-5 h-5 text-info inline ltr:mr-1.5 rtl:ml-1.5 relative -top-0.5">
-                                    <path
-                                        d="M20.9751 12.1852L20.2361 12.0574L20.9751 12.1852ZM20.2696 16.265L19.5306 16.1371L20.2696 16.265ZM6.93776 20.4771L6.19055 20.5417H6.19055L6.93776 20.4771ZM6.1256 11.0844L6.87281 11.0198L6.1256 11.0844ZM13.9949 5.22142L14.7351 5.34269V5.34269L13.9949 5.22142ZM13.3323 9.26598L14.0724 9.38725V9.38725L13.3323 9.26598ZM6.69813 9.67749L6.20854 9.10933H6.20854L6.69813 9.67749ZM8.13687 8.43769L8.62646 9.00585H8.62646L8.13687 8.43769ZM10.518 4.78374L9.79207 4.59542L10.518 4.78374ZM10.9938 2.94989L11.7197 3.13821L11.7197 3.13821L10.9938 2.94989ZM12.6676 2.06435L12.4382 2.77841L12.4382 2.77841L12.6676 2.06435ZM12.8126 2.11093L13.0419 1.39687L13.0419 1.39687L12.8126 2.11093ZM9.86194 6.46262L10.5235 6.81599V6.81599L9.86194 6.46262ZM13.9047 3.24752L13.1787 3.43584V3.43584L13.9047 3.24752ZM11.6742 2.13239L11.3486 1.45675L11.3486 1.45675L11.6742 2.13239ZM20.2361 12.0574L19.5306 16.1371L21.0086 16.3928L21.7142 12.313L20.2361 12.0574ZM13.245 21.25H8.59634V22.75H13.245V21.25ZM7.68497 20.4125L6.87281 11.0198L5.37839 11.149L6.19055 20.5417L7.68497 20.4125ZM19.5306 16.1371C19.0238 19.0677 16.3813 21.25 13.245 21.25V22.75C17.0712 22.75 20.3708 20.081 21.0086 16.3928L19.5306 16.1371ZM13.2548 5.10015L12.5921 9.14472L14.0724 9.38725L14.7351 5.34269L13.2548 5.10015ZM7.18772 10.2456L8.62646 9.00585L7.64728 7.86954L6.20854 9.10933L7.18772 10.2456ZM11.244 4.97206L11.7197 3.13821L10.2678 2.76157L9.79207 4.59542L11.244 4.97206ZM12.4382 2.77841L12.5832 2.82498L13.0419 1.39687L12.897 1.3503L12.4382 2.77841ZM10.5235 6.81599C10.8354 6.23198 11.0777 5.61339 11.244 4.97206L9.79207 4.59542C9.65572 5.12107 9.45698 5.62893 9.20041 6.10924L10.5235 6.81599ZM12.5832 2.82498C12.8896 2.92342 13.1072 3.16009 13.1787 3.43584L14.6306 3.05921C14.4252 2.26719 13.819 1.64648 13.0419 1.39687L12.5832 2.82498ZM11.7197 3.13821C11.7547 3.0032 11.8522 2.87913 11.9998 2.80804L11.3486 1.45675C10.8166 1.71309 10.417 2.18627 10.2678 2.76157L11.7197 3.13821ZM11.9998 2.80804C12.1345 2.74311 12.2931 2.73181 12.4382 2.77841L12.897 1.3503C12.3872 1.18655 11.8312 1.2242 11.3486 1.45675L11.9998 2.80804ZM14.1537 10.9842H19.3348V9.4842H14.1537V10.9842ZM14.7351 5.34269C14.8596 4.58256 14.824 3.80477 14.6306 3.0592L13.1787 3.43584C13.3197 3.97923 13.3456 4.54613 13.2548 5.10016L14.7351 5.34269ZM8.59634 21.25C8.12243 21.25 7.726 20.887 7.68497 20.4125L6.19055 20.5417C6.29851 21.7902 7.34269 22.75 8.59634 22.75V21.25ZM8.62646 9.00585C9.30632 8.42 10.0391 7.72267 10.5235 6.81599L9.20041 6.10924C8.85403 6.75767 8.30249 7.30493 7.64728 7.86954L8.62646 9.00585ZM21.7142 12.313C21.9695 10.8365 20.8341 9.4842 19.3348 9.4842V10.9842C19.9014 10.9842 20.3332 11.4959 20.2361 12.0574L21.7142 12.313ZM12.5921 9.14471C12.4344 10.1076 13.1766 10.9842 14.1537 10.9842V9.4842C14.1038 9.4842 14.0639 9.43901 14.0724 9.38725L12.5921 9.14471ZM6.87281 11.0198C6.84739 10.7258 6.96474 10.4378 7.18772 10.2456L6.20854 9.10933C5.62021 9.61631 5.31148 10.3753 5.37839 11.149L6.87281 11.0198Z"
-                                        fill="currentColor" />
-                                    <path opacity="0.5"
-                                        d="M3.9716 21.4709L3.22439 21.5355L3.9716 21.4709ZM3 10.2344L3.74721 10.1698C3.71261 9.76962 3.36893 9.46776 2.96767 9.48507C2.5664 9.50239 2.25 9.83274 2.25 10.2344L3 10.2344ZM4.71881 21.4063L3.74721 10.1698L2.25279 10.299L3.22439 21.5355L4.71881 21.4063ZM3.75 21.5129V10.2344H2.25V21.5129H3.75ZM3.22439 21.5355C3.2112 21.383 3.33146 21.2502 3.48671 21.2502V22.7502C4.21268 22.7502 4.78122 22.1281 4.71881 21.4063L3.22439 21.5355ZM3.48671 21.2502C3.63292 21.2502 3.75 21.3686 3.75 21.5129H2.25C2.25 22.1954 2.80289 22.7502 3.48671 22.7502V21.2502Z"
-                                        fill="currentColor" />
-                                </svg>
-                                <span class="dark:text-info">551 Likes</span>
-                            </div>
-                            <a href="javascript:;"
-                                class="flex items-center bg-success/30 text-success rounded-md px-1.5 py-1 text-xs hover:shadow-[0_10px_20px_-10px] hover:shadow-success">Read
-                                More
-                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    class="w-4 h-4 rtl:rotate-180 ltr:ml-1.5 rtl:mr-1.5">
-                                    <path d="M11 19L17 12L11 5" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round" stroke-linejoin="round" />
-                                    <path opacity="0.5" d="M6.99976 19L12.9998 12L6.99976 5" stroke="currentColor"
-                                        stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg>
-                            </a>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="panel h-full">
-                    <div
-                        class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
-                        <div class="flex">
-                            <div class="media-aside align-self-start">
-                                <div
-                                    class="shrink-0 ring-2 ring-white-light dark:ring-dark rounded-full ltr:mr-4 rtl:ml-4">
-                                    <img src="/assets/images/g-8.png" alt="image"
-                                        class="w-10 h-10 rounded-full object-cover" />
-                                </div>
-                            </div>
-                            <div class="font-semibold">
-                                <h6>Dev Summit - New York</h6>
-                                <p class="text-xs text-white-dark mt-1">Bronx, NY</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="font-semibold text-center pb-8">
-                        <div class="mb-4 text-primary">4 Members Going</div>
-                        <div class="flex items-center justify-center gap-3 pb-8">
-                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
-                                src="/assets/images/profile-1.jpeg" alt="image" />
-                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
-                                src="/assets/images/profile-2.jpeg" alt="image" />
-                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
-                                src="/assets/images/profile-3.jpeg" alt="image" />
-                            <img class="w-10 h-10 ring-2 ring-white-light dark:ring-dark rounded-lg overflow-hidden object-cover"
-                                src="/assets/images/profile-4.jpeg" alt="image" />
-                        </div>
-
-                        <div class="w-full absolute bottom-0 flex items-center justify-between p-5 -mx-5">
-                            <a href="javascript:;"
-                                class="btn btn-secondary btn-lg w-full border-0 bg-gradient-to-r from-[#3d38e1] to-[#1e9afe]">View
-                                Details</a>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="panel h-full">
-                    <div
-                        class="flex items-center justify-between border-b  border-[#e0e6ed] dark:border-[#1b2e4b] -m-5 mb-5 p-5">
-                        <a href="javascript:;" class="flex font-semibold">
-                            <div
-                                class="shrink-0 bg-secondary w-10 h-10 rounded-md flex items-center justify-center text-white ltr:mr-4 rtl:ml-4">
-                                <span>FD</span>
-                            </div>
-                            <div>
-                                <h6>Figma Design</h6>
-                                <p class="text-xs text-white-dark mt-1">Design Reset</p>
-                            </div>
-                        </a>
-                        <div x-data="dropdown" @click.outside="open = false" class="dropdown">
-                            <a href="javascript:;" @click="toggle" class="dark:text-white-light">
-                                <svg class="w-5 h-5 text-black/70 dark:text-white/70 hover:!text-primary"
-                                    viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                                    <circle cx="5" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                    <circle opacity="0.5" cx="12" cy="12" r="2"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <circle cx="19" cy="12" r="2" stroke="currentColor"
-                                        stroke-width="1.5" />
-                                </svg>
-                            </a>
-                            <ul x-cloak x-show="open" x-transition x-transition.duration.300ms
-                                class="ltr:right-0 rtl:left-0">
-                                <li><a href="javascript:;" @click="toggle">View Project</a></li>
-                                <li><a href="javascript:;" @click="toggle">Edit Project</a></li>
-                                <li><a href="javascript:;" @click="toggle">Mark as Done</a></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <div class="group">
-                        <div class="mb-5">
-                            <div class="text-white-dark">
-                                Doloribus nisi vel suscipit modi, optio ex repudiandae voluptatibus officiis commodi.
-                                Nesciunt quas aut neque incidunt!
-                            </div>
-                        </div>
-                        <div class="flex items-center justify-between mb-2 font-semibold">
-                            <div class="flex items-center">
-                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-success">
-                                    <path opacity="0.5"
-                                        d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <path d="M8.5 12.5L10.5 14.5L15.5 9.5" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round" stroke-linejoin="round" />
-                                </svg>
-                                <div class="ltr:ml-2 rtl:mr-2 text-xs">5 Tasks</div>
-                            </div>
-                            <p class="text-primary">65%</p>
-                        </div>
-                        <div class="rounded-full h-2.5 p-0.5 bg-dark-light dark:bg-dark-light/10 mb-5">
-                            <div class="bg-gradient-to-r from-[#1e9afe] to-[#60dfcd] h-full rounded-full"
-                                style="width: 65%;"></div>
-                        </div>
-                        <div class="flex items-end justify-between">
-                            <div
-                                class="flex items-center rounded-full bg-danger/20 px-2 py-1 text-xs text-danger font-semibold">
-                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
-                                    xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 ltr:mr-1 rtl:ml-1">
-                                    <circle opacity="0.5" cx="12" cy="12" r="10"
-                                        stroke="currentColor" stroke-width="1.5" />
-                                    <path d="M12 8V12L14.5 14.5" stroke="currentColor" stroke-width="1.5"
-                                        stroke-linecap="round" stroke-linejoin="round" />
-                                </svg>
-                                3 Days Left
-                            </div>
-                            <div
-                                class="flex items-center justify-center group-hover:-space-x-2 rtl:space-x-reverse rtl:group-hover:space-x-reverse">
-                                <span
-                                    class="bg-[#bfc9d4] dark:bg-dark w-9 h-9 rounded-full flex items-center justify-center text-white font-semibold transition-all duration-300 opacity-0 group-hover:opacity-100">+6</span>
-                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
-                                    src="/assets/images/profile-6.jpeg" alt="image" />
-                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
-                                    src="/assets/images/profile-7.jpeg" alt="image" />
-                                <img class="w-9 h-9 border-2 border-white dark:border-dark rounded-full object-cover transition-all duration-300"
-                                    src="/assets/images/profile-8.jpeg" alt="image" />
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
+            
         </div>
     </div>
     <script>