adjustments added

src/components/AuthPages/AuthLayout2.jsx

@@ -14,7 +14,7 @@ export default function LoginLayout({ slogan, children }) {
 
   return (
     <div
-      className={`min-h-screen overflow-y-auto bg-cover bg-center flex flex-col justify-between items-center`}
+      className={`relative min-h-screen overflow-y-auto bg-cover bg-center flex flex-col items-center`}
       style={{
         backgroundImage: `url(${countryMode == "NG" ? bgImgNig : bgImgCom})`,
       }}
@@ -28,7 +28,7 @@ export default function LoginLayout({ slogan, children }) {
               />
             </Link>
           </div>
-      <div className={`h-full w-full grid grid-cols-1 place-content-center`}>
+      <div className={`h-full w-full mb-5 grid grid-cols-1 place-content-center`}>
         {/* <div 
             className={`auth-bg hidden xl:block bg-blue-50 relative bg-cover bg-no-repeat border-0 after:content-[''] after:absolute after:inset-0`} 
             style={{backgroundImage: `url(${bgImg})`}}
@@ -42,45 +42,46 @@ export default function LoginLayout({ slogan, children }) {
           </div>
         </div>
       </div>
-
+      <div className='absolute left-0 right-0 bottom-0'>
-      <div className='w-full shadow-md bg-slate-50 dark:bg-dark-white'>
+        <div className='w-full shadow-md bg-slate-50 dark:bg-dark-white'>
-        <div className="w-full flex flex-col md:flex-row justify-center items-center px-10 py-2">
+          <div className="w-full flex flex-col md:flex-row justify-center items-center px-10 py-2">
-          <div className="flex justify-center items-center">
+            <div className="flex justify-center items-center">
-            <div className="flex items-center">
+              <div className="flex items-center">
-              <a
+                <a
-                href="https://www.wrenchboard.com/about-us"
+                  href="https://www.wrenchboard.com/about-us"
-                className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
+                  className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
-                target="_blank"
+                  target="_blank"
-                rel="noreferrer"
+                  rel="noreferrer"
-              >
+                >
-                About
+                  About
-              </a>
+                </a>
-              <a
+                <a
-                href="https://www.wrenchboard.com/service"
+                  href="https://www.wrenchboard.com/service"
-                className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
+                  className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
-                target="_blank"
+                  target="_blank"
-                rel="noreferrer"
+                  rel="noreferrer"
-              >
+                >
-                Services
+                  Services
-              </a>
+                </a>
-              <a
+                <a
-                href="https://www.wrenchboard.com/contact"
+                  href="https://www.wrenchboard.com/contact"
-                className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
+                  className="text-[#a1a5b7] text-[15px] px-2 font-medium hover:text-[#009ef7]"
-                target="_blank"
+                  target="_blank"
-                rel="noreferrer"
+                  rel="noreferrer"
-              >
+                >
-                Contact Us
+                  Contact Us
-              </a>
+                </a>
+              </div>
             </div>
+            <p className="text-black text-[15px] px-2 font-medium flex items-center gap-1">
+              <span className="dark:text-white">
+                &copy; {new Date().getFullYear()} -
+              </span>
+              <Link to="/" className="text-[#009ef7] ml-1">
+                WrenchBoard
+              </Link>{" "}
+            </p>
           </div>
-          <p className="text-black text-[15px] px-2 font-medium flex items-center gap-1">
-            <span className="dark:text-white">
-              &copy; {new Date().getFullYear()} -
-            </span>
-            <Link to="/" className="text-[#009ef7] ml-1">
-              WrenchBoard
-            </Link>{" "}
-          </p>
         </div>
       </div>