MetatroncubeSoftwareSolutions/Metatron_Admin_Frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

corrections updated

Browse Source
This commit is contained in:
Selvi 2025-12-20 20:28:03 +05:30
parent a3ace66ce9
commit 1a33c6130a
20 changed files with 106 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/(auth)/change-password/page.tsx
View File

@ -13,17 +13,17 @@ const CoverLockScreen = () => {
<div className="absolute inset-0"> <div className="absolute inset-0">
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" /> <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
</div> </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"> <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/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/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/coming-soon-object2.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" /> <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/coming-soon-object3.png" alt="image" className="absolute right-0 top-0 h-[300px]" /> <img src="/assets/images/auth/2.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%]" /> <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 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="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="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]"> <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
<Link href="/" className="ms-10 block w-48 lg:w-72"> <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> </Link>
<div className="mt-24 hidden w-full max-w-[430px] lg:block"> <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" /> <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="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"> {/* <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"> <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> </Link>
<LanguageDropdown className="ms-auto w-max" /> <LanguageDropdown className="ms-auto w-max" />
</div> */} </div> */}

14
app/(auth)/forgot-password/page.tsx
View File

@ -17,17 +17,17 @@ export default function CoverForgotPassword() {
<div className="absolute inset-0"> <div className="absolute inset-0">
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" /> <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
</div> </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"> <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/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/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/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" /> <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/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" /> <img src="/assets/images/auth/2.png" 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%]" /> <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 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="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="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]"> <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
<Link href="/" className="ms-10 block w-48 lg:w-72"> <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> </Link>
<div className="mt-24 hidden w-full max-w-[430px] lg:block"> <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" /> <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="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"> <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"> <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> </Link>
</div> </div>

14
app/(auth)/login/page.tsx
View File

@ -19,17 +19,17 @@ const CoverLogin = () => {
<div className="absolute inset-0"> <div className="absolute inset-0">
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" /> <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
</div> </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"> <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/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/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/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" /> <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/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" /> <img src="/assets/images/auth/2.png" 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%]" /> <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 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="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="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]"> <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
<Link href="/" className="ms-10 block w-48 lg:w-72"> <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> </Link>
<div className="mt-24 hidden w-full max-w-[430px] lg:block"> <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" /> <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="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"> <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"> <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> </Link>
{/* <LanguageDropdown className="ms-auto w-max" /> */} {/* <LanguageDropdown className="ms-auto w-max" /> */}
</div> </div>

14
app/(auth)/register/page.tsx
View File

@ -19,17 +19,17 @@ const CoverRegister = () => {
<div className="absolute inset-0"> <div className="absolute inset-0">
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" /> <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
</div> </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"> <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/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/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/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" /> <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/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" /> <img src="/assets/images/auth/2.png" 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%]" /> <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 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="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="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]"> <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
<Link href="/" className="ms-10 block w-48 lg:w-72"> <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> </Link>
<div className="mt-24 hidden w-full max-w-[430px] lg:block"> <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" /> <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="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"> <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"> <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> </Link>
{/* <LanguageDropdown className="ms-auto w-max" /> */} {/* <LanguageDropdown className="ms-auto w-max" /> */}
</div> </div>

14
app/(auth)/reset-password/page.tsx
View File

@ -18,17 +18,17 @@ export default function CoverForgotPassword() {
<div className="absolute inset-0"> <div className="absolute inset-0">
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" /> <img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
</div> </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"> <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/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/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/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" /> <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/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" /> <img src="/assets/images/auth/2.png" 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%]" /> <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 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="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="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]"> <div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
<Link href="/" className="ms-10 block w-48 lg:w-72"> <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> </Link>
<div className="mt-24 hidden w-full max-w-[430px] lg:block"> <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" /> <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="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"> <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"> <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> </Link>
</div> </div>

BIN
app/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
app/icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

4
components/layouts/loading.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
const Loading = () => { const Loading = () => {
return ( 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"> {/* <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"> <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" /> <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" /> <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite" />
</path> </path>
</svg> */} </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> </div>
); );
}; };

101
components/layouts/sidebar.tsx
View File

@ -104,34 +104,13 @@ const Sidebar = () => {
</div> </div>
<PerfectScrollbar className="relative h-[calc(100vh-80px)]"> <PerfectScrollbar className="relative h-[calc(100vh-80px)]">
<ul className="relative space-y-0.5 p-4 py-0 font-semibold"> <ul className="relative space-y-0.5 p-4 py-0 font-semibold">
<li className="menu nav-item"> <li className="nav-item">
<button type="button" className={`${currentMenu === 'dashboard' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('dashboard')}> <Link href="/" className="group">
<div className="flex items-center"> <div className="flex items-center">
<IconMenuDashboard className="shrink-0 group-hover:!text-primary text-white/50" /> <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>
</Link>
<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>
</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">
@ -141,11 +120,31 @@ const Sidebar = () => {
<li className="nav-item"> <li className="nav-item">
<ul> <ul>
<li className="nav-item"> {/* <li className="menu nav-item">
<Link href="/crawl" className="group"> <button type="button" className={`${currentMenu === 'apps' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('apps')}>
<div className="flex items-center"> <div className="flex items-center">
<IconMenuChat className="shrink-0 group-hover:!text-primary text-white/50" /> <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> </div>
</Link> </Link>
</li> </li>
@ -232,6 +231,32 @@ const Sidebar = () => {
</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('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" /> <IconMinus className="hidden h-5 w-4 flex-none" />
<span>{t('user_interface')}</span> <span>{t('user_interface')}</span>
</h2> </h2>
@ -368,7 +393,7 @@ const Sidebar = () => {
</AnimateHeight> </AnimateHeight>
</li> </li>
<li className="menu nav-item"> {/* <li className="menu nav-item">
<Link href="/charts" className="group"> <Link href="/charts" className="group">
<div className="flex items-center"> <div className="flex items-center">
<IconMenuCharts className="shrink-0 group-hover:!text-primary text-white/50" /> <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> <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> </div>
</Link> </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" /> <IconMinus className="hidden h-5 w-4 flex-none" />
<span>{t('tables_and_forms')}</span> <span>{t('tables_and_forms')}</span>
</h2> </h2>
@ -530,9 +555,9 @@ const Sidebar = () => {
</li> </li>
</ul> </ul>
</AnimateHeight> </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" /> <IconMinus className="hidden h-5 w-4 flex-none" />
<span>{t('user_and_pages')}</span> <span>{t('user_and_pages')}</span>
</h2> </h2>
@ -604,9 +629,8 @@ const Sidebar = () => {
<li className="menu nav-item"> <li className="menu nav-item">
<button <button
type="button" type="button"
className={`${ className={`${errorSubMenu ? 'open' : ''
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`}
} 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)} onClick={() => setErrorSubMenu(!errorSubMenu)}
> >
{t('error')} {t('error')}
@ -702,7 +726,8 @@ const Sidebar = () => {
</AnimateHeight> </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" /> <IconMinus className="hidden h-5 w-4 flex-none" />
<span>{t('supports')}</span> <span>{t('supports')}</span>
</h2> </h2>
@ -714,7 +739,7 @@ const Sidebar = () => {
<span className="text-white ltr:pl-3 rtl:pr-3">{t('documentation')}</span> <span className="text-white ltr:pl-3 rtl:pr-3">{t('documentation')}</span>
</div> </div>
</Link> </Link>
</li> </li> */}
</ul> </ul>
</PerfectScrollbar> </PerfectScrollbar>
</div> </div>

BIN
public/assets/images/auth/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/assets/images/auth/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
public/assets/images/auth/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
public/assets/images/auth/4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
public/assets/images/auth/5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 KiB

BIN
public/assets/images/auth/bg-gradient.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 206 KiB

BIN
public/assets/images/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
public/assets/images/loader-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
public/assets/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
public/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

7
public/locales/en.json
View File

@ -1,5 +1,6 @@
{ {
"dashboard": "Dashboard", "dashboard": "Dashboard",
"add_blog": "Add Blog",
"sales": "Sales", "sales": "Sales",
"analytics": "Analytics", "analytics": "Analytics",
"apps": "Apps", "apps": "Apps",
@ -23,6 +24,10 @@
"finance": "Finance", "finance": "Finance",
"crypto": "Crypto", "crypto": "Crypto",
"chat": "Chat", "chat": "Chat",
"blog": "Blog",
"domains": "Domains",
"reverse_proxy": "Reverse Proxy",
"ssl_checker": "SSL Checker",
"mailbox": "Mailbox", "mailbox": "Mailbox",
"todo_list": "Todo List", "todo_list": "Todo List",
"notes": "Notes", "notes": "Notes",
@ -125,4 +130,4 @@
"coming_soon_cover": "Coming Soon Cover", "coming_soon_cover": "Coming Soon Cover",
"contact_us_boxed": "Contact Us Boxed", "contact_us_boxed": "Contact Us Boxed",
"contact_us_cover": "Contact Us Cover" "contact_us_cover": "Contact Us Cover"
} }