diff --git a/public/img/brand/ofw-500x500.png b/public/img/brand/ofw-500x500.png
new file mode 100644
index 00000000..4e8c3112
Binary files /dev/null and b/public/img/brand/ofw-500x500.png differ
diff --git a/public/img/favicon.ico b/public/img/favicon.ico
index be94d1b7..e31870ea 100644
Binary files a/public/img/favicon.ico and b/public/img/favicon.ico differ
diff --git a/public/img/favicon/favicon.ico b/public/img/favicon/favicon.ico
index be94d1b7..e31870ea 100644
Binary files a/public/img/favicon/favicon.ico and b/public/img/favicon/favicon.ico differ
diff --git a/public/img/favicon/favicon1.ico b/public/img/favicon/favicon1.ico
new file mode 100644
index 00000000..be94d1b7
Binary files /dev/null and b/public/img/favicon/favicon1.ico differ
diff --git a/src/layouts/AuthLayout.jsx b/src/layouts/AuthLayout.jsx
index c1cf679f..ad1fa1ee 100644
--- a/src/layouts/AuthLayout.jsx
+++ b/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>
diff --git a/src/pages/Home/LandingPage.jsx b/src/pages/Home/LandingPage.jsx
index 67587252..32e853be 100644
--- a/src/pages/Home/LandingPage.jsx
+++ b/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>
diff --git a/src/pages/authentication/AuthWrapper.jsx b/src/pages/authentication/AuthWrapper.jsx
index 5c8f0eb9..8b96fe10 100644
--- a/src/pages/authentication/AuthWrapper.jsx
+++ b/src/pages/authentication/AuthWrapper.jsx
@@ -7,27 +7,30 @@ export const AuthWrapper = ({ children }) => {
       {/* <div className="authentication-wrapper authentication-basic container-p-y">
         <div className="authentication-inner">
           <div className="card"> */}
-            <div className="card-body">
-              <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" }}>
-                    <img
-                      src="/img/brand/marco.png"
-                      alt="marco-logo"
-                      className="app-brand-logo-login"
-                    />
-                  </span>
-                </Link>
-              {/* </div> */}
-              {children}
-            </div>
-          </div>
+      <div className="card-body">
+        <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" }}
+            >
+              <img
+                src="/img/brand/ofw-500x500.png"
+                alt="marco-logo"
+                className="app-brand-logo-login"
+              />
+            </span>
+          </Link>
+          {/* </div> */}
+          {children}
         </div>
-      // </div>
+      </div>
+    </div>
+    // </div>
     // </div>
   );
-};
\ No newline at end of file
+};
diff --git a/src/pages/authentication/RegisterPage.jsx b/src/pages/authentication/RegisterPage.jsx
index 65b7d619..f13dbd01 100644
--- a/src/pages/authentication/RegisterPage.jsx
+++ b/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,65 +89,64 @@ 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">
-                Organization Name
-              </label>
-              <input
-                type="text"
-                className="form-control form-control-sm"
-                id="organizatioinName"
-                {...register("organizatioinName")}
-                name="organizatioinName"
-                placeholder="Enter your Organization Name"
-                autoFocus
-              />
-              {errors.organizatioinName && (
-                <div
-                  className="danger-text text-start"
-                  style={{ fontSize: "12px" }}
-                >
-                  {errors.organizatioinName.message}
-                </div>
-              )}
-            </div>
-            <div className="col-12 col-sm-6 mb-2  text-start">
-              <label htmlFor="email" className="form-label">
-                Email
-              </label>
-              <input
-                type="text"
-                className="form-control form-control-sm"
-                id="email"
-                name="email"
-                placeholder="Enter your email"
-                {...register("email")}
-              />
-              {errors.email && (
-                <div
-                  className="danger-text text-start"
-                  style={{ fontSize: "12px" }}
-                >
-                  {errors.email.message}
-                </div>
-              )}
-            </div>
+              <div className="col-12 col-sm-6 mb-2 text-start">
+                <label htmlFor="organizatioinName" className="form-label">
+                  Organization Name
+                </label>
+                <input
+                  type="text"
+                  className="form-control form-control-sm"
+                  id="organizatioinName"
+                  {...register("organizatioinName")}
+                  name="organizatioinName"
+                  placeholder="Enter your Organization Name"
+                  autoFocus
+                />
+                {errors.organizatioinName && (
+                  <div
+                    className="danger-text text-start"
+                    style={{ fontSize: "12px" }}
+                  >
+                    {errors.organizatioinName.message}
+                  </div>
+                )}
+              </div>
+              <div className="col-12 col-sm-6 mb-2  text-start">
+                <label htmlFor="email" className="form-label">
+                  Email
+                </label>
+                <input
+                  type="text"
+                  className="form-control form-control-sm"
+                  id="email"
+                  name="email"
+                  placeholder="Enter your email"
+                  {...register("email")}
+                />
+                {errors.email && (
+                  <div
+                    className="danger-text text-start"
+                    style={{ fontSize: "12px" }}
+                  >
+                    {errors.email.message}
+                  </div>
+                )}
+              </div>
             </div>
             <div className="mb-2 form-password-toggle text-start">
               <label className="form-label" htmlFor="contactperson">
                 Contact Person
               </label>
-                <input
-                  type="text"
-                  id="contactperson"
-                  {...register("contactPerson")}
-                  className="form-control form-control-sm"
-                  name="contactPerson"
-                  placeholder="Contact Person"
-                  aria-describedby="contactperson"
-                />
+              <input
+                type="text"
+                id="contactperson"
+                {...register("contactPerson")}
+                className="form-control form-control-sm"
+                name="contactPerson"
+                placeholder="Contact Person"
+                aria-describedby="contactperson"
+              />
               {errors.contactPerson && (
                 <div
                   className="danger-text text-start"
@@ -160,15 +160,15 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="contactnumber">
                 Contact Number
               </label>
-                <input
-                  type="text"
-                  id="contactnumber"
-                  {...register("contactNumber")}
-                  className="form-control form-control-sm"
-                  name="contactNumber"
-                  placeholder="Contact Number"
-                  aria-describedby="contactnumber"
-                />
+              <input
+                type="text"
+                id="contactnumber"
+                {...register("contactNumber")}
+                className="form-control form-control-sm"
+                name="contactNumber"
+                placeholder="Contact Number"
+                aria-describedby="contactnumber"
+              />
               {errors.contactNumber && (
                 <div
                   className="danger-text text-start"
@@ -182,14 +182,14 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="contactnumber">
                 About Organization
               </label>
-                <textarea
-                  id="about"
-                  className="form-control"
-                  placeholder="About..."
-                  aria-label="about"
-                  aria-describedby="about"
-                  {...register("about")}
-                ></textarea>
+              <textarea
+                id="about"
+                className="form-control"
+                placeholder="About..."
+                aria-label="about"
+                aria-describedby="about"
+                {...register("about")}
+              ></textarea>
               {errors.about && (
                 <div
                   className="danger-text text-start"
@@ -203,20 +203,20 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="oragnizationSize">
                 Organization Size
               </label>
-                <select
-                  className="form-select form-select-sm"
-                  id="oragnizationSize"
-                  name="oragnizationSize"
-                  {...register("oragnizationSize")}
-                  aria-label="Default select example"
-                >
-                  <option value="">Number of Employees</option>
-                  <option value="1-10">1-10</option>
-                  <option value="10-50">10-50</option>
-                  <option value="50-100">50-100</option>
-                  <option value="100-200">100-200</option>
-                  <option value="more than 200">more than 200</option>
-                </select>
+              <select
+                className="form-select form-select-sm"
+                id="oragnizationSize"
+                name="oragnizationSize"
+                {...register("oragnizationSize")}
+                aria-label="Default select example"
+              >
+                <option value="">Number of Employees</option>
+                <option value="1-10">1-10</option>
+                <option value="10-50">10-50</option>
+                <option value="50-100">50-100</option>
+                <option value="100-200">100-200</option>
+                <option value="more than 200">more than 200</option>
+              </select>
               {errors.oragnizationSize && (
                 <div
                   className="danger-text text-start"
@@ -230,24 +230,24 @@ const RegisterPage = () => {
               <label className="form-label" htmlFor="industryId">
                 Industry
               </label>
-                <select
-                  className="form-select form-select-sm"
-                  id="industryId"
-                  name="industryId"
-                  {...register("industryId")}
-                  aria-label="Default select example"
-                >
-                  <option value="">Select Industry</option>
-                  {industries.length > 0 ? (
-                    industries.map((item) => (
-                      <option value={item.id} key={item.id}>
-                        {item.name}
-                      </option>
-                    ))
-                  ) : (
-                    <option disabled>Loading industries...</option>
-                  )}
-                </select>
+              <select
+                className="form-select form-select-sm"
+                id="industryId"
+                name="industryId"
+                {...register("industryId")}
+                aria-label="Default select example"
+              >
+                <option value="">Select Industry</option>
+                {industries.length > 0 ? (
+                  industries.map((item) => (
+                    <option value={item.id} key={item.id}>
+                      {item.name}
+                    </option>
+                  ))
+                ) : (
+                  <option disabled>Loading industries...</option>
+                )}
+              </select>
               {errors.industryId && (
                 <div
                   className="danger-text text-start"
@@ -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>
@@ -313,4 +312,4 @@ const RegisterPage = () => {
   );
 };
 
-export default RegisterPage;
\ No newline at end of file
+export default RegisterPage;