Blur the sign on page image

src/components/AuthPages/AuthLayout.jsx

@@ -1,28 +1,25 @@
 import React from "react";
 import loginThumb from "../../assets/images/auth-thumb.svg";
-import logo from "../../assets/images/light-logo.png"; //logo-1.svg";
+import logo from "../../assets/images/light-logo.png";
 
+/**
+ * Renders a login layout with a slogan and child components.
+ * The layout adjusts its height based on the screen height.
+ * @returns {React.Component} The rendered login layout.
+ */
 export default function LoginLayout({ slogan, children }) {
-  const checkScreenHeight = window.screen.height;
-  let screen = "";
-  if (checkScreenHeight <= 950) {
-    screen = "h-screen";
-    // screen = "h-[950px]";
-  } else {
-    screen = "h-screen";
-  }
+  const screen = window.screen.height <= 950 ? "h-screen" : "h-screen";
+
   return (
     <div className="layout-wrapper">
       <div className={`main-wrapper w-full ${screen}`}>
         <div className="flex w-full h-full">
           <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-home">
-          {/*
-           <div className="logo">
+            {/* <div className="logo">
               <img src={logo} alt="logo" />
-            </div>
-          */} 
+            </div> */}
             <div className="thumbnail flex justify-center">
-             {/*  <img src={loginThumb} alt="login-thumb" />*/}
+              {/* <img src={loginThumb} alt="login-thumb" /> */}
             </div>
             <div className="article w-[600px]">
               <p className="text-[60px] font-bold leading-[72px] text-white">
@@ -31,10 +28,10 @@ export default function LoginLayout({ slogan, children }) {
             </div>
           </div>
           <div className="flex-1 flex justify-center items-center">
-            {children && children}
+            {children}
           </div>
         </div>
       </div>
     </div>
   );
-}
+}

src/components/AuthPages/Login/index.jsx

@@ -73,7 +73,7 @@ export default function Login() {
         <div className="content-wrapper w-full  flex justify-center items-center xl:bg-white dark:bg-dark-white   2xl:w-[828px] xl:w-[500px] 2xl:h-[818px] xl:h-[600px] rounded-xl 2xl:px-[164px] xl:px-[56px] sm:px-7 px-5 ">
           <div className="w-full">
             <div className="title-area flex flex-col justify-center items-center relative text-center mb-7">
-              <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
+              <h1 className="text-5xl font-bold leading-[74px] text-dark-gray dark:text-white">
                 Log In
               </h1>
               <div className="shape mb-[10px]">