added auth-screen image and added correct links

.env

@@ -11,4 +11,7 @@ VITE_APP_PURCHASE_URL=https://www.wrenchboard.com/
 VITE_APP_PREVIEW_URL=https://www.wrenchboard.com/demo1/
 VITE_APP_PREVIEW_REACT_URL=https://www.wrenchboard.com
 VITE_APP_PREVIEW_DOCS_URL=https://www.wrenchboard.com/
-VITE_APP_THEME_API_URL=https://api.wrenchboard/api/api
+VITE_APP_THEME_API_URL=https://api.wrenchboard/api/api
+
+# main url
+VITE_APP_MAINSITE_URL=https://www.wrenchboard.com

src/app/modules/auth/AuthLayout.tsx

@@ -2,6 +2,10 @@ import { useEffect } from "react";
 import { Outlet, Link } from "react-router-dom";
 import { toAbsoluteUrl } from "../../../_metronic/helpers";
 
+interface EnvironmentVariables {
+  VITE_APP_MAINSITE_URL: string;
+}
+
 const AuthLayout = () => {
   useEffect(() => {
     const root = document.getElementById("root");
@@ -15,6 +19,11 @@ const AuthLayout = () => {
     };
   }, []);
 
+  const contactLink: string = `${
+    import.meta.env.VITE_APP_MAINSITE_URL
+  }/contact`;
+  const termsLink: string = `${import.meta.env.VITE_APP_MAINSITE_URL}/terms`;
+
   return (
     <div className="d-flex flex-column flex-lg-row flex-column-fluid h-100">
       {/* begin::Body */}
@@ -33,11 +42,21 @@ const AuthLayout = () => {
         <div className="d-flex flex-center flex-wrap px-5">
           {/* begin::Links */}
           <div className="d-flex fw-semibold text-primary fs-base">
-            <a href="#" className="px-5" target="_blank">
+            <a
+              href={termsLink}
+              className="px-5"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               Terms
             </a>
 
-            <a href="#" className="px-5" target="_blank">
+            <a
+              href={contactLink}
+              className="px-5"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               Contact Us
             </a>
           </div>
@@ -48,9 +67,7 @@ const AuthLayout = () => {
       {/* end::Body */}
 
       {/* begin::Aside */}
-      <div
+      <div className="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2">
-        className="d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2"
-      >
         {/* begin::Content */}
         <div className="d-flex flex-column flex-center py-15 px-5 px-md-15 w-100">
           {/* begin::Logo */}
@@ -66,8 +83,8 @@ const AuthLayout = () => {
           {/* begin::Image */}
           <img
             className="mx-auto w-275px w-md-50 w-xl-500px mb-10 mb-lg-20"
-            src={toAbsoluteUrl("media/misc/auth-screens.png")}
+            src={toAbsoluteUrl("media/misc/agents-auth-screens.png")}
-            alt=""
+            alt="wrenchboard-start-img"
           />
           {/* end::Image */}