diff --git a/frontend/public/images/founder.jpeg b/frontend/public/images/founder.jpeg
new file mode 100644
index 00000000..be952f8b
Binary files /dev/null and b/frontend/public/images/founder.jpeg differ
diff --git a/frontend/src/pages/About/About.jsx b/frontend/src/pages/About/About.jsx
index f9d16f6e..3e5765d8 100644
--- a/frontend/src/pages/About/About.jsx
+++ b/frontend/src/pages/About/About.jsx
@@ -21,6 +21,7 @@ const useStyles = makeStyles(() => ({
 export const About = (props) => {
   let dark = props.theme;
   const [team, setTeam] = useState([]);
+  const [image, setImage] = useState([]);
   useEffect(() => {
     getTeam();
   }, []);
@@ -35,7 +36,19 @@ export const About = (props) => {
           teams: item.teams[0].split(","),
         };
       });
+      let _image = [];
+      await _data?.map((item) => {
+        let formattedPath = item.image?.replace(/\\/g, "/");
+        if (formattedPath?.startsWith("uploads/")) {
+          formattedPath = formattedPath.replace("uploads/", "");
+          if (formattedPath) {
+            formattedPath = `${END_POINT}/${formattedPath}`;
+          }
+        }
+        _image.push({ image: formattedPath, id: item._id });
+      });
       setTeam(_data);
+      setImage(_image);
     } catch (error) {
       console.error(error);
     }
@@ -118,80 +131,61 @@ export const About = (props) => {
           }
         ></div>
         <div className={style["row1"]}>
-          {Object.keys(teamData).map((role) => {
-            if (role !== "member") {
-              return teamData[role].map((roleObject) => {
-                return (
-                  <div
-                    className={
-                      dark
-                        ? `${style["card1"]} ${style["card1-dark"]}`
-                        : `${style["card1"]} ${style["card1-light"]}`
-                    }
-                  >
-                    <div className={style["photo"]}>
-                      <img
-                        alt="profile"
-                        className={style["cover"]}
-                        src={roleObject.profile_pic}
-                      />
-                      <div className={style["team-social"]}>
-                        <i
-                          href={roleObject.linkedin}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} +  fab fa-linkedin fa-2x in in-dark`
-                              : `${style["card-footer"]} +  fab fa-linkedin fa-2x in in-light`
-                          }
-                        ></i>
-                        <i
-                          href={roleObject.twitter}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-dark fa-2x`
-                              : `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-light fa-2x`
-                          }
-                        ></i>
-                        <i
-                          href={roleObject.github}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} fab fa-github-square fa-github-square-dark fa-2x`
-                              : `${style["card-footer"]} fab fa-github-square fa-github-square-light fa-2x`
-                          }
-                        ></i>
-                      </div>
-                    </div>
-                    <div className={classes.details}>
-                      <CardContent
-                        className={classes.content}
-                        id={style["content"]}
-                      >
-                        <Typography
-                          component="h6"
-                          variant="h6"
-                          id={style["Mui-h6"]}
-                        >
-                          {roleObject.name}
-                        </Typography>
-                        <MDBBadge
-                          pill
-                          className={style["info"] + ` ` + style["badge"]}
-                        >
-                          {role.toUpperCase()}
-                        </MDBBadge>
-                        <div>
-                          <p id={style["intro"]}>{roleObject.description}</p>
-                        </div>
-                        <br />
-                      </CardContent>
-                    </div>
-                  </div>
-                );
-              });
+          <div
+            className={
+              dark
+                ? `${style["card1"]} ${style["card1-dark"]}`
+                : `${style["card1"]} ${style["card1-light"]}`
             }
-            return null;
-          })}
+          >
+            <div className={style["photo"]}>
+              <img
+                alt="profile"
+                className={style["cover"]}
+                src={"./images/founder.jpeg"}
+              />
+              <div className={style["team-social"]}>
+                <i
+                  onClick={() => window.open("https://www.linkedin.com/in/kajol-kumari-73245b166/", "_blank")}
+                  className={
+                    dark
+                      ? `${style["card-footer"]} +  fab fa-linkedin fa-2x in in-dark`
+                      : `${style["card-footer"]} +  fab fa-linkedin fa-2x in in-light`
+                  }
+                ></i>
+                <i
+                  onClick={() => window.open("https://x.com/_Kajol_singh_", "_blank")}
+                  className={
+                    dark
+                      ? `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-dark fa-2x`
+                      : `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-light fa-2x`
+                  }
+                ></i>
+                <i
+                  onClick={()=>window.open("https://github.com/Kajol-Kumari", "_blank")}
+                  className={
+                    dark
+                      ? `${style["card-footer"]} fab fa-github-square fa-github-square-dark fa-2x`
+                      : `${style["card-footer"]} fab fa-github-square fa-github-square-light fa-2x`
+                  }
+                ></i>
+              </div>
+            </div>
+            <div className={classes.details}>
+              <CardContent className={classes.content} id={style["content"]}>
+                <Typography component="h6" variant="h6" id={style["Mui-h6"]}>
+                  {"Kajol Kumari"}
+                </Typography>
+                <MDBBadge pill className={style["info"] + ` ` + style["badge"]}>
+                  {"founder".toUpperCase()}
+                </MDBBadge>
+                <div>
+                  <p id={style["intro"]}>{"I am a Software Developer who ❤ contributing to open source"}</p>
+                </div>
+                <br />
+              </CardContent>
+            </div>
+          </div>
         </div>
 
         <Typography
@@ -208,93 +202,100 @@ export const About = (props) => {
           }
         ></div>
         <div className={style["row2"]}>
-          { team.map((roleObject,index) => {
-                return (
-                  <div
-                  key={index}
-                    className={
-                      dark
-                        ? `${style["card1"]} ${style["card1-dark"]}`
-                        : `${style["card1"]} ${style["card1-light"]}`
+          {team.map((roleObject, index) => {
+            return (
+              <div
+                key={index}
+                className={
+                  dark
+                    ? `${style["card1"]} ${style["card1-dark"]}`
+                    : `${style["card1"]} ${style["card1-light"]}`
+                }
+              >
+                <div className={style["photo"]}>
+                  <img
+                    alt="profile"
+                    className={style["cover"]}
+                    src={
+                      (image[index]?.id == roleObject?._id &&
+                        image[index]?.image) ||
+                      "./images/defaultUser.png"
                     }
+                  />
+                  <div className={style["team-social"]}>
+                    <i
+                      href={roleObject.linkedin_url}
+                      onClick={() =>
+                        window.open(roleObject.linkedin_url, "_blank")
+                      }
+                      className={
+                        dark
+                          ? `${style["card-footer"]} fab fa-linkedin fa-2x in in-dark`
+                          : `${style["card-footer"]} fab fa-linkedin fa-2x in in-light`
+                      }
+                    ></i>
+                    <i
+                      href={roleObject.twitter_url}
+                      onClick={() =>
+                        window.open(roleObject.twitter_url, "_blank")
+                      }
+                      className={
+                        dark
+                          ? `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-dark fa-2x`
+                          : `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-light fa-2x`
+                      }
+                    ></i>
+                    <i
+                      href={roleObject.github_url}
+                      onClick={() =>
+                        window.open(roleObject.github_url, "_blank")
+                      }
+                      className={
+                        dark
+                          ? `${style["card-footer"]} fab fa-github-square fa-github-square-dark fa-2x`
+                          : `${style["card-footer"]} fab fa-github-square fa-github-square-light fa-2x`
+                      }
+                    ></i>
+                  </div>
+                </div>
+                <div className={classes.details}>
+                  <CardContent
+                    className={classes.content}
+                    id={style["content"]}
                   >
-                    <div className={style["photo"]}>
-                      <img
-                        alt="profile"
-                        className={style["cover"]}
-                        src={roleObject.image||"./images/defaultUser.png"}
-                      />
-                      <div className={style["team-social"]}>
-                        <i
-                          href={roleObject.linkedin_url}
-                          onClick={() => window.open(roleObject.linkedin_url,"_blank")}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} fab fa-linkedin fa-2x in in-dark`
-                              : `${style["card-footer"]} fab fa-linkedin fa-2x in in-light`
-                          }
-                        ></i>
-                        <i
-                          href={roleObject.twitter_url}
-                          onClick={() => window.open(roleObject.twitter_url,"_blank")}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-dark fa-2x`
-                              : `${style["card-footer"]} fab fa-twitter-square fa-twitter-square-light fa-2x`
-                          }
-                        ></i>
-                        <i
-                          href={roleObject.github_url}
-                          onClick={() => window.open(roleObject.github_url,"_blank")}
-                          className={
-                            dark
-                              ? `${style["card-footer"]} fab fa-github-square fa-github-square-dark fa-2x`
-                              : `${style["card-footer"]} fab fa-github-square fa-github-square-light fa-2x`
-                          }
-                        ></i>
-                      </div>
+                    <Typography
+                      component="h6"
+                      variant="h6"
+                      id={style["Mui-h6"]}
+                    >
+                      {roleObject?.full_name}
+                    </Typography>
+                    <div>
+                      <p id={style["intro"]}>{roleObject?.description}</p>
                     </div>
-                    <div className={classes.details}>
-                      <CardContent
-                        className={classes.content}
-                        id={style["content"]}
-                      >
-                        <Typography
-                          component="h6"
-                          variant="h6"
-                          id={style["Mui-h6"]}
-                        >
-                          {roleObject?.full_name}
-                        </Typography>
-                        <div>
-                          <p id={style["intro"]}>{roleObject?.description}</p>
-                        </div>
-                        <div className={style["badge-container"]}>
-                          {roleObject?.teams?.map((badge) => {
-                            return (
-                              <MDBBadge
-                                className={
-                                  (badge === "open-source" &&
-                                    style["primary"]) ||
-                                  (badge === "social" &&
-                                    style["default"]) ||
-                                  (badge === "broadcast" &&
-                                    style["broadcast"]) ||
-                                  (badge === "design" && style["info"]) ||
-                                  (badge === "resource-sharing" && style["info"])
-                                }
-                              >
-                                {badge}
-                              </MDBBadge>
-                            );
-                          })}
-                        </div>
-                        <br />
-                      </CardContent>
+                    <div className={style["badge-container"]}>
+                      {roleObject?.teams?.map((badge) => {
+                        return (
+                          <MDBBadge
+                            className={
+                              (badge === "open-source" && style["primary"]) ||
+                              (badge === "social" && style["default"]) ||
+                              (badge === "broadcast" && style["broadcast"]) ||
+                              (badge === "design" && style["info"]) ||
+                              (badge === "resource-sharing" && style["info"])
+                            }
+                          >
+                            {badge}
+                          </MDBBadge>
+                        );
+                      })}
                     </div>
-                  </div>
-                );
-              })}
+                    <br />
+                  </CardContent>
+                </div>
+              </div>
+            );
+          })}
         </div>
       </div>
     </div>