diff --git a/app/(auth)/change-password/page.tsx b/app/(auth)/change-password/page.tsx
index 7e04152..5c75ac2 100644
--- a/app/(auth)/change-password/page.tsx
+++ b/app/(auth)/change-password/page.tsx
@@ -13,17 +13,17 @@ const CoverLockScreen = () => {
             <div className="absolute inset-0">
                 <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
             </div>
-            <div className="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" className="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" className="absolute left-24 top-0 h-40 md:left-[30%]" />
-                <img src="/assets/images/auth/coming-soon-object3.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
-                <img src="/assets/images/auth/polygon-object.svg" alt="image" className="absolute bottom-0 end-[28%]" />
+            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+                <img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+                <img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
+                <img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
+                <img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
                 <div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
                     <div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
                         <div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
                         <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
                             <Link href="/" className="ms-10 block w-48 lg:w-72">
-                                <img src="/assets/images/auth/logo-white.svg" alt="Logo" className="w-full" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="w-full" />
                             </Link>
                             <div className="mt-24 hidden w-full max-w-[430px] lg:block">
                                 <img src="/assets/images/auth/unlock.svg" alt="Cover Image" className="w-full" />
@@ -33,7 +33,7 @@ const CoverLockScreen = () => {
                     <div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
                         {/* <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
                             <Link href="/" className="block w-8 lg:hidden">
-                                <img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
                             </Link>
                             <LanguageDropdown className="ms-auto w-max" />
                         </div> */}
diff --git a/app/(auth)/forgot-password/page.tsx b/app/(auth)/forgot-password/page.tsx
index 9b16056..efd9fa3 100644
--- a/app/(auth)/forgot-password/page.tsx
+++ b/app/(auth)/forgot-password/page.tsx
@@ -17,17 +17,17 @@ export default function CoverForgotPassword() {
             <div className="absolute inset-0">
                 <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
             </div>
-            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
-                <img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
-                <img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
-                <img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
-                <img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />               
+            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+                <img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+                <img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
+                <img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
+                <img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
                 <div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
                     <div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
                         <div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
                         <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
                             <Link href="/" className="ms-10 block w-48 lg:w-72">
-                                <img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="w-full" />
                             </Link>
                             <div className="mt-24 hidden w-full max-w-[430px] lg:block">
                                 <img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
@@ -39,7 +39,7 @@ export default function CoverForgotPassword() {
                     <div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
                         <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
                             <Link href="/" className="block w-8 lg:hidden">
-                                <img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
                             </Link>
                         </div>
 
diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index cffe39b..30a47ef 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -19,17 +19,17 @@ const CoverLogin = () => {
             <div className="absolute inset-0">
                 <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
             </div>
-            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
-                <img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
-                <img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
-                <img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
-                <img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
+            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+                <img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+                <img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
+                <img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
+                <img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
                 <div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
                     <div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
                         <div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
                         <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
                             <Link href="/" className="ms-10 block w-48 lg:w-72">
-                                <img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="w-full" />
                             </Link>
                             <div className="mt-24 hidden w-full max-w-[430px] lg:block">
                                 <img src="/assets/images/auth/sign-in.webp" alt="Cover Image" className="w-full" />
@@ -39,7 +39,7 @@ const CoverLogin = () => {
                     <div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
                         <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
                             <Link href="/" className="block w-8 lg:hidden">
-                                <img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
                             </Link>
                             {/* <LanguageDropdown className="ms-auto w-max" /> */}
                         </div>
diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index 9df1d7a..753482a 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -19,17 +19,17 @@ const CoverRegister = () => {
             <div className="absolute inset-0">
                 <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
             </div>
-            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
-                <img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
-                <img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
-                <img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
-                <img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />               
+            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+                <img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+                <img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
+                <img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
+                <img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
                 <div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
                     <div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
                         <div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
                         <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
                             <Link href="/" className="ms-10 block w-48 lg:w-72">
-                                <img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="w-full" />
                             </Link>
                             <div className="mt-24 hidden w-full max-w-[430px] lg:block">
                                 <img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
@@ -39,7 +39,7 @@ const CoverRegister = () => {
                     <div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
                         <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
                             <Link href="/" className="block w-8 lg:hidden">
-                                <img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
                             </Link>
                             {/* <LanguageDropdown className="ms-auto w-max" /> */}
                         </div>
diff --git a/app/(auth)/reset-password/page.tsx b/app/(auth)/reset-password/page.tsx
index 25f8d7e..235c250 100644
--- a/app/(auth)/reset-password/page.tsx
+++ b/app/(auth)/reset-password/page.tsx
@@ -18,17 +18,17 @@ export default function CoverForgotPassword() {
             <div className="absolute inset-0">
                 <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
             </div>
-            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
-                <img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
-                <img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
-                <img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
-                <img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
+            <div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
+                <img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
+                <img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
+                <img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
+                <img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
                 <div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
                     <div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
                         <div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
                         <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
                             <Link href="/" className="ms-10 block w-48 lg:w-72">
-                                <img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="w-full" />
                             </Link>
                             <div className="mt-24 hidden w-full max-w-[430px] lg:block">
                                 <img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
@@ -40,7 +40,7 @@ export default function CoverForgotPassword() {
                     <div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
                         <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
                             <Link href="/" className="block w-8 lg:hidden">
-                                <img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
+                                <img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
                             </Link>
                         </div>
 
diff --git a/app/icon.png b/app/icon.png
index 40658d6..c384cfb 100644
Binary files a/app/icon.png and b/app/icon.png differ
diff --git a/app/icon2.png b/app/icon2.png
new file mode 100644
index 0000000..40658d6
Binary files /dev/null and b/app/icon2.png differ
diff --git a/components/layouts/loading.tsx b/components/layouts/loading.tsx
index 8370bfd..6842cd7 100644
--- a/components/layouts/loading.tsx
+++ b/components/layouts/loading.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 const Loading = () => {
     return (
-        <div className="screen_loader animate__animated fixed inset-0 z-[60] grid place-content-center bg-[#fafafa] dark:bg-[#060818]">
+        <div className="screen_loader animate__animated fixed inset-0 z-[60] grid place-content-center bg-[#1a1f2b]">
             {/* <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#325aa9">
                 <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" />
@@ -11,7 +11,7 @@ const Loading = () => {
                     <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite" />
                 </path>
             </svg> */}
-              <img src="/assets/images/black-logo.png" alt="logo" />
+            <img src="/assets/images/loader-logo.png" alt="logo" className="w-20 animate-spin" />
         </div>
     );
 };
diff --git a/components/layouts/sidebar.tsx b/components/layouts/sidebar.tsx
index 1e261c9..6431d9d 100644
--- a/components/layouts/sidebar.tsx
+++ b/components/layouts/sidebar.tsx
@@ -104,34 +104,13 @@ const Sidebar = () => {
                     </div>
                     <PerfectScrollbar className="relative h-[calc(100vh-80px)]">
                         <ul className="relative space-y-0.5 p-4 py-0 font-semibold">
-                            <li className="menu nav-item">
-                                <button type="button" className={`${currentMenu === 'dashboard' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('dashboard')}>
+                            <li className="nav-item">
+                                <Link href="/" className="group">
                                     <div className="flex items-center">
                                         <IconMenuDashboard className="shrink-0 group-hover:!text-primary text-white/50" />
-                                        <span className="text-white ltr:pl-3 rtl:pr-3">{t('dashboard')}</span>
+                                        <span className="text-white ltr:pl-3 rtl:pr-3">{t('Dashboard')}</span>
                                     </div>
-
-                                    <div className={currentMenu !== 'dashboard' ? '-rotate-90 rtl:rotate-90' : ''}>
-                                        <IconCaretDown className="text-white/50" />
-                                    </div>
-                                </button>
-
-                                <AnimateHeight duration={300} height={currentMenu === 'dashboard' ? 'auto' : 0}>
-                                    <ul className="sub-menu text-white/70">
-                                        <li>
-                                            <Link href="/">{t('sales')}</Link>
-                                        </li>
-                                        {/* <li>
-                                            <Link href="/analytics">{t('analytics')}</Link>
-                                        </li>
-                                        <li>
-                                            <Link href="/finance">{t('finance')}</Link>
-                                        </li>
-                                        <li>
-                                            <Link href="/crypto">{t('crypto')}</Link>
-                                        </li> */}
-                                    </ul>
-                                </AnimateHeight>
+                                </Link>
                             </li>
 
                             <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
@@ -141,11 +120,31 @@ const Sidebar = () => {
 
                             <li className="nav-item">
                                 <ul>
-                                    <li className="nav-item">
-                                        <Link href="/crawl" className="group">
+                                    {/* <li className="menu nav-item">
+                                        <button type="button" className={`${currentMenu === 'apps' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('apps')}>
                                             <div className="flex items-center">
                                                 <IconMenuChat className="shrink-0 group-hover:!text-primary text-white/50" />
-                                                <span className="text-white ltr:pl-3 rtl:pr-3">{t('crawl')}</span>
+                                                <span className="text-white ltr:pl-3 rtl:pr-3">{t('Apps')}</span>
+                                            </div>
+
+                                            <div className={currentMenu !== 'apps' ? '-rotate-90 rtl:rotate-90' : ''}>
+                                                <IconCaretDown className="text-white/50" />
+                                            </div>
+                                        </button>
+
+                                        <AnimateHeight duration={300} height={currentMenu === 'apps' ? 'auto' : 0}>
+                                            <ul className="sub-menu text-white/70">
+                                                <li>
+                                                    <Link href="/crawl">{t('Comment Crawl')}</Link>
+                                                </li>
+                                            </ul>
+                                        </AnimateHeight>
+                                    </li> */}
+                                    <li className="nav-item">
+                                        <Link href="/blog" className="group">
+                                            <div className="flex items-center">
+                                                <IconMenuNotes className="shrink-0 group-hover:!text-primary text-white/50" />
+                                                <span className="text-white ltr:pl-3 rtl:pr-3">{t('Blog')}</span>
                                             </div>
                                         </Link>
                                     </li>
@@ -232,6 +231,32 @@ const Sidebar = () => {
                             </li>
 
                             <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
+                                <IconMinus className="hidden h-5 w-4 flex-none" />
+                                <span>{t('domains')}</span>
+                            </h2>
+
+                            <li className="nav-item">
+                                <ul>
+                                    <li className="nav-item">
+                                        <Link href="/reverse-proxy" className="group">
+                                            <div className="flex items-center">
+                                                <IconMenuComponents className="shrink-0 group-hover:!text-primary text-white/50" />
+                                                <span className="text-white ltr:pl-3 rtl:pr-3">{t('Reverse Proxy')}</span>
+                                            </div>
+                                        </Link>
+                                    </li>
+                                    <li className="nav-item">
+                                        <Link href="/ssl-checker" className="group">
+                                            <div className="flex items-center">
+                                                <IconMenuComponents className="shrink-0 group-hover:!text-primary text-white/50" />
+                                                <span className="text-white ltr:pl-3 rtl:pr-3">{t('SSL Checker')}</span>
+                                            </div>
+                                        </Link>
+                                    </li>
+                                </ul>
+                            </li>
+
+                            {/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
                                 <IconMinus className="hidden h-5 w-4 flex-none" />
                                 <span>{t('user_interface')}</span>
                             </h2>
@@ -368,7 +393,7 @@ const Sidebar = () => {
                                 </AnimateHeight>
                             </li>
 
-                            <li className="menu nav-item">
+                            {/* <li className="menu nav-item">
                                 <Link href="/charts" className="group">
                                     <div className="flex items-center">
                                         <IconMenuCharts className="shrink-0 group-hover:!text-primary text-white/50" />
@@ -402,9 +427,9 @@ const Sidebar = () => {
                                         <span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">{t('drag_and_drop')}</span>
                                     </div>
                                 </Link>
-                            </li>
+                            </li> */}
 
-                            <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
+                            {/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
                                 <IconMinus className="hidden h-5 w-4 flex-none" />
                                 <span>{t('tables_and_forms')}</span>
                             </h2>
@@ -530,9 +555,9 @@ const Sidebar = () => {
                                         </li>
                                     </ul>
                                 </AnimateHeight>
-                            </li>
+                            </li> */}
 
-                            <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
+                            {/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
                                 <IconMinus className="hidden h-5 w-4 flex-none" />
                                 <span>{t('user_and_pages')}</span>
                             </h2>
@@ -604,9 +629,8 @@ const Sidebar = () => {
                                         <li className="menu nav-item">
                                             <button
                                                 type="button"
-                                                className={`${
-                                                    errorSubMenu ? 'open' : ''
-                                                } w-full before:h-[5px] before:w-[5px] before:rounded before:bg-gray-300 hover:bg-gray-100 ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] dark:hover:bg-gray-900`}
+                                                className={`${errorSubMenu ? 'open' : ''
+                                                    } w-full before:h-[5px] before:w-[5px] before:rounded before:bg-gray-300 hover:bg-gray-100 ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] dark:hover:bg-gray-900`}
                                                 onClick={() => setErrorSubMenu(!errorSubMenu)}
                                             >
                                                 {t('error')}
@@ -702,7 +726,8 @@ const Sidebar = () => {
                                 </AnimateHeight>
                             </li>
  */}
-                            <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
+
+                            {/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
                                 <IconMinus className="hidden h-5 w-4 flex-none" />
                                 <span>{t('supports')}</span>
                             </h2>
@@ -714,7 +739,7 @@ const Sidebar = () => {
                                         <span className="text-white ltr:pl-3 rtl:pr-3">{t('documentation')}</span>
                                     </div>
                                 </Link>
-                            </li>
+                            </li> */}
                         </ul>
                     </PerfectScrollbar>
                 </div>
diff --git a/public/assets/images/auth/1.png b/public/assets/images/auth/1.png
new file mode 100644
index 0000000..c8e9339
Binary files /dev/null and b/public/assets/images/auth/1.png differ
diff --git a/public/assets/images/auth/2.png b/public/assets/images/auth/2.png
new file mode 100644
index 0000000..4c73102
Binary files /dev/null and b/public/assets/images/auth/2.png differ
diff --git a/public/assets/images/auth/3.png b/public/assets/images/auth/3.png
new file mode 100644
index 0000000..e078a7c
Binary files /dev/null and b/public/assets/images/auth/3.png differ
diff --git a/public/assets/images/auth/4.png b/public/assets/images/auth/4.png
new file mode 100644
index 0000000..951e43a
Binary files /dev/null and b/public/assets/images/auth/4.png differ
diff --git a/public/assets/images/auth/5.png b/public/assets/images/auth/5.png
new file mode 100644
index 0000000..18a1873
Binary files /dev/null and b/public/assets/images/auth/5.png differ
diff --git a/public/assets/images/auth/bg-gradient.png b/public/assets/images/auth/bg-gradient.png
index feb32ef..9ea0c72 100644
Binary files a/public/assets/images/auth/bg-gradient.png and b/public/assets/images/auth/bg-gradient.png differ
diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png
index 40658d6..c384cfb 100644
Binary files a/public/assets/images/favicon.png and b/public/assets/images/favicon.png differ
diff --git a/public/assets/images/loader-logo.png b/public/assets/images/loader-logo.png
new file mode 100644
index 0000000..c384cfb
Binary files /dev/null and b/public/assets/images/loader-logo.png differ
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
new file mode 100644
index 0000000..eeb9940
Binary files /dev/null and b/public/assets/images/logo.png differ
diff --git a/public/favicon.png b/public/favicon.png
index 9ee75c5..4ea0504 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/locales/en.json b/public/locales/en.json
index f18e6a7..dbd973a 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -1,5 +1,6 @@
 {
     "dashboard": "Dashboard",
+    "add_blog": "Add Blog",
     "sales": "Sales",
     "analytics": "Analytics",
     "apps": "Apps",
@@ -23,6 +24,10 @@
     "finance": "Finance",
     "crypto": "Crypto",
     "chat": "Chat",
+    "blog": "Blog",
+    "domains": "Domains",
+    "reverse_proxy": "Reverse Proxy",
+    "ssl_checker": "SSL Checker",
     "mailbox": "Mailbox",
     "todo_list": "Todo List",
     "notes": "Notes",
@@ -125,4 +130,4 @@
     "coming_soon_cover": "Coming Soon Cover",
     "contact_us_boxed": "Contact Us Boxed",
     "contact_us_cover": "Contact Us Cover"
-}
+}
\ No newline at end of file