cosmatic and logo changes

src/layouts/AuthLayout.jsx

@@ -25,9 +25,10 @@ const AuthLayout = () => {
       >
         <span className="app-brand-logo rounded-circle ">
           <img
-            src="/img/brand/marco.png"
+            src="/img/brand/ofw-500x500.png"
             alt="marco-logo"
-            className="app-brand-logo-login"
+            className="app-brand-logo-login m-5"
+            style={{ width: "50px" }}
           />
         </span>
       </Link>

src/pages/Home/LandingPage.jsx

@@ -14,6 +14,11 @@ const LandingPage = () => {
         <div className="container-fluid px-5 w-100">
           <div className="row w-100">
             <div className="col-md-auto d-flex justify-content-between align-items-center">
+              <img
+                src="/img/brand/ofw-500x500.png"
+                style={{ width: "40px" }}
+                className="me-2"
+              ></img>
               <a className="navbar-brand fw-bold text-green" href="#">
                 <span className="text-blue">OnField</span>
                 <span>Work</span>

src/pages/authentication/AuthWrapper.jsx

@@ -8,15 +8,18 @@ export const AuthWrapper = ({ children }) => {
         <div className="authentication-inner">
           <div className="card"> */}
       <div className="card-body">
-              <div className="app-brand justify-content-center" >
+        <div className="app-brand justify-content-center">
           <Link
             aria-label="Go to Home Page"
             to="/"
             className="app-brand-link gap-2"
           >
-                  <span className="app-brand-logo rounded-circle " style={{ marginBottom: "625px",marginLeft:"-39px" }}>
+            <span
+              className="app-brand-logo rounded-circle "
+              style={{ marginBottom: "625px", marginLeft: "-39px" }}
+            >
               <img
-                      src="/img/brand/marco.png"
+                src="/img/brand/ofw-500x500.png"
                 alt="marco-logo"
                 className="app-brand-logo-login"
               />

src/pages/authentication/RegisterPage.jsx

@@ -37,33 +37,36 @@ const registerSchema = z.object({
 const RegisterPage = () => {
   const [registered, setRegristered] = useState(false);
   const [industries, setIndustries] = useState([]);
-  const [Loading,setLoading] = useState(false)
+  const [Loading, setLoading] = useState(false);
   const {
     register,
     handleSubmit,
-    formState: { errors },reset
+    formState: { errors },
+    reset,
   } = useForm({
     resolver: zodResolver(registerSchema),
   });
 
   const onSubmit = async (data) => {
     try {
-      setLoading(true)
+      setLoading(true);
       const response = await MarketRepository.requestDemo(data);
-      showToast("Your request has been sent successfully. Please stay in touch!");
+      showToast(
+        "Your request has been sent successfully. Please stay in touch!"
+      );
       setRegristered(true);
-      setLoading(false)
-      reset()
+      setLoading(false);
+      reset();
     } catch (error) {
       showToast(error.message, "error");
-       setLoading(false)
+      setLoading(false);
     }
   };
   useEffect(() => {
     fetchIndustries();
   }, []);
 
-  useEffect(() => { }, [industries]);
+  useEffect(() => {}, [industries]);
 
   const fetchIndustries = async () => {
     try {
@@ -76,10 +79,8 @@ const RegisterPage = () => {
   };
   return (
     <>
-
       <div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-gray-60">
         <div className="w-100" style={{ maxWidth: 420, margin: "0 auto" }}>
-
           <h4 className="mb-2">Adventure starts here </h4>
           <p className="mb-3">Make your app management easy and fun!</p>
 
@@ -88,7 +89,6 @@ const RegisterPage = () => {
             className="mb-2"
             onSubmit={handleSubmit(onSubmit)}
           >
-           
             <div className="row">
               <div className="col-12 col-sm-6 mb-2 text-start">
                 <label htmlFor="organizatioinName" className="form-label">
@@ -276,7 +276,6 @@ const RegisterPage = () => {
                     privacy policy & terms
                   </Link>
                 </label>
-
               </div>
               {errors.terms && (
                 <div
@@ -289,9 +288,9 @@ const RegisterPage = () => {
             </div>
             <button
               aria-label="Click me "
-              className="btn btn-primary d-grid w-100"
+              className="btn btn-green d-grid w-100"
             >
-             {Loading ? "Please Wait..." :" Request Demo"}
+              {Loading ? "Please Wait..." : " Request Demo"}
             </button>
           </form>
 
@@ -300,10 +299,10 @@ const RegisterPage = () => {
             <Link
               aria-label="Go to Login Page"
               to="/auth/login"
-              className="text-decoration-underline ms-1"
+              className="text-decoration-underline ms-1 text-green"
               disabled={Loading}
             >
-              <i className="bx bx-chevron-left scaleX-n1-rtl bx-sm me-1"></i>
+              <i className="bx bx-chevron-left scaleX-n1-rtl bx-sm me-1 "></i>
               Back to login
             </Link>
           </p>