diff --git a/web/src/core/constants/selected_panel.ts b/web/src/core/constants/selected_panel.ts
index d9691ddb09e0f23ef56fbcb4d36001a9e65789f0..090e9ed52687a2333483c643601300b590891e8f 100644
--- a/web/src/core/constants/selected_panel.ts
+++ b/web/src/core/constants/selected_panel.ts
@@ -4,7 +4,8 @@
 export enum AdminSelectedPanel {
   TOWN_INFO = "town_info", // Panel for town information
   PLACES = "places", // Panel for places
-  POINT_OF_INTEREST = "point_of_interest" // Panel for points of interest
+  POINT_OF_INTEREST = "point_of_interest", // Panel for points of interest
+  ABOUT_US = "about_us" // Panel for about us
 }
 
 /**
@@ -13,5 +14,6 @@ export enum AdminSelectedPanel {
 export enum SuperAdminSelectedPanel {
   TOWNS = "towns", // Panel for towns
   ADMINS = "admins", // Panel for admins
-  CATEGORIES = "categories" // Panel for categories
+  CATEGORIES = "categories", // Panel for categories
+  ABOUT_US = "about_us", // Panel for about us
 }
\ No newline at end of file
diff --git a/web/src/presentation/admin/panel/admin_home_page.tsx b/web/src/presentation/admin/panel/admin_home_page.tsx
index 4fdff7817ea5b8b084bdb9ff97a37fd6a2a0bd25..dd816f06f818aef5901cf76eae45cfd9f25355af 100644
--- a/web/src/presentation/admin/panel/admin_home_page.tsx
+++ b/web/src/presentation/admin/panel/admin_home_page.tsx
@@ -2,6 +2,7 @@ import { Menu, MenuItem, Sidebar } from "react-pro-sidebar";
 import "./assets/styles/style.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
+  faInfo,
   faLocation,
   faMonument,
   faPlaceOfWorship,
@@ -15,8 +16,8 @@ import { LoadingScreen } from "../../components/loading_screen/loading_screen";
 import { ErrorWindow } from "../../components/error_window/error_window";
 import { LoadingSpinner } from "../../components/loading_spinner/loading_spinner";
 import { AdminTownInfo } from "../admin_town_info/admin_town_info";
-import { Footer } from "../../components/footer/footer";
 import { AdminPanelPoiScreen } from "../admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen";
+import { AboutUsPanel } from "../../components/about_us/about_us_panel";
 
 // Main component for the admin home page
 export const AdminHomePage = () => {
@@ -95,6 +96,15 @@ export const AdminHomePage = () => {
           >
             Puntos de interés
           </MenuItem>
+          <MenuItem
+            icon={<FontAwesomeIcon icon={faInfo} />}
+            disabled={isWindowActive}
+            onClick={() => {
+              setSelectedPanel(AdminSelectedPanel.ABOUT_US);
+            }}
+          >
+            Sobre nosotros
+          </MenuItem>
         </Menu>
       </Sidebar>
       <div className="admin-panel-body">
@@ -133,15 +143,13 @@ export const AdminHomePage = () => {
                     town={town}
                   />
                 );
+              case AdminSelectedPanel.ABOUT_US:
+                return <AboutUsPanel />;
               default:
                 return null;
             }
           })()}
         </div>
-        {/* Footer */}
-        <div className="footer-cnt">
-          <Footer />
-        </div>
       </div>
     </div>
   );
diff --git a/web/src/presentation/admin/panel/assets/styles/style.css b/web/src/presentation/admin/panel/assets/styles/style.css
index 7683cef59b5c4381fd92442f2af68c67345ac1b1..c94ef1607b59a5cb8267fff81bc449df581f29a4 100644
--- a/web/src/presentation/admin/panel/assets/styles/style.css
+++ b/web/src/presentation/admin/panel/assets/styles/style.css
@@ -22,12 +22,7 @@
 
 .admin-panel-content{
     max-height: 80vh;
-    min-height: 80vh;
+    min-height: 94vh;
     display: flex;
     background: white;
 }
-
-.footer-cnt{
-    height: 14vh;
-    background: #ECEAFF;
-}
\ No newline at end of file
diff --git a/web/src/presentation/components/about_us/about_us_panel.tsx b/web/src/presentation/components/about_us/about_us_panel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..14ceb237ab9231f8aba7bc24f76af1dedc0999f9
--- /dev/null
+++ b/web/src/presentation/components/about_us/about_us_panel.tsx
@@ -0,0 +1,112 @@
+import "./assets/css/styles.css";
+
+// Define the Developer interface
+interface Developer {
+  name: string;
+  lastName: string;
+  role: string;
+  linkedInURL: string;
+  email: string;
+}
+
+// Main component function
+export const AboutUsPanel = () => {
+  // Inline style for text elements
+  const style: React.CSSProperties = {
+    fontSize: 11,
+    textDecoration: "none",
+    color: "black",
+    padding: "0px 3px",
+  };
+
+  // List of developers
+  const developers: Developer[] = [
+    {
+      name: "Lorenzo",
+      lastName: "Trujillo",
+      role: "Desarrollador FrontEnd Mobile",
+      linkedInURL: "https://www.linkedin.com/in/lorenzotrujillorojassd/",
+      email: "42102130@uaz.edu.mx",
+    },
+    {
+      name: "Diego I.",
+      lastName: "Correa",
+      role: "Desarrollador BackEnd",
+      linkedInURL: "https://www.linkedin.com/in/diego-ivan-correa/",
+      email: "dcorreanavarrete@gmail.com",
+    },
+    {
+      name: "Omar",
+      lastName: "Luna",
+      role: "Desarrollador FrontEnd Web",
+      linkedInURL:
+        "https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/",
+      email: "omar_luna_hernandez@hotmail.com",
+    },
+  ];
+
+  // Main render of the component
+  return (
+    <div className="about_us_info_root">
+      <div className="info_header">
+        <p>Acerca de nosotros</p>
+      </div>
+      <div className="about_us_info_body">
+        Este proyecto fue desarrollado por las siguientes personas:
+        {/* Footer credits section */}
+        <div className="about_us_info">
+          {/* Developer links */}
+          <div className="about_us_developers">
+            {developers.map((dev, index) => {
+              return (
+                <div>
+                  <a key={index} style={style} href={dev.linkedInURL}>
+                    @ {dev.name + " " + dev.lastName + " (" + dev.role + ")"}
+                  </a>
+                  <div
+                    style={{
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                    }}
+                  >
+                    <h1 style={style}>Correo: </h1>
+                    <a key={index} style={style} href={"mailto:" + dev.email}>
+                      {dev.email}
+                    </a>
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+        </div>
+        {/* Logos section */}
+        <div className="about_us_logos">
+          <img
+            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_texto_lab.png?v=2"
+            title="Laboratorio de Software Libre Network"
+            alt=""
+          />
+          <img
+            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_licencia.png?v=2"
+            title="GNU General Public License v.3."
+            alt=""
+          />
+        </div>
+      </div>
+
+      <div className="about_us_license">
+        <div style={style}>
+          ©2024
+          <a href="https://labsol.cozcyt.gob.mx/" style={style}>
+            {" "}
+            Labsol Network.
+          </a>
+        </div>
+        <a href="https://www.gnu.org/licenses/gpl-3.0.html" style={style}>
+          Bajo licencia GPL v.3.
+        </a>
+      </div>
+    </div>
+  );
+};
diff --git a/web/src/presentation/components/about_us/assets/css/styles.css b/web/src/presentation/components/about_us/assets/css/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..1ec36a1b76968d46ac9a200e5d759108297322cb
--- /dev/null
+++ b/web/src/presentation/components/about_us/assets/css/styles.css
@@ -0,0 +1,46 @@
+.about_us_info_root {
+  height: 100%;
+  width: 100%;
+}
+
+.info_header {
+  height: 7%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 5px;
+  background: gray;
+}
+
+.info_header p {
+  font-size: 38;
+}
+
+.about_us_info_body {
+  display: flex;
+  flex-direction: column;
+  margin: 20px;
+}
+
+.about_us_developers {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.about_us_logos {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 200px;
+}
+
+.about_us_logos img {
+  max-height: 100px;
+  margin: 0 20px 0 20px;
+  width: auto;
+}
diff --git a/web/src/presentation/components/footer/assets/css/styles.css b/web/src/presentation/components/footer/assets/css/styles.css
deleted file mode 100644
index f09345290971ffcb350a13ef7a9e47d0b02e81f6..0000000000000000000000000000000000000000
--- a/web/src/presentation/components/footer/assets/css/styles.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.footer{
-  display: flex;
-  height: 100%;
-  width: 100%;
-  align-items: center;
-  flex-wrap: wrap;
-  padding: 1em;
-}
-
-.footer_license ,
-.footer_developers{
-  display: flex;
-  flex-direction: column;
-}
-
-.footer_license{
-  margin-top: auto;
-}
-
-.footer_credits{
-  height: 100%;
-}
-
-.footer_icons{
-  height: 50%;
-  margin-left: auto;
-}
-
-.footer_images{
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-
-.footer_images img{
-  height: 100%;
-  width: 100%;
-  object-fit: contain;
-}
\ No newline at end of file
diff --git a/web/src/presentation/components/footer/footer.tsx b/web/src/presentation/components/footer/footer.tsx
deleted file mode 100644
index 664973f7aa7400cd09ac716a42a58a4571c77262..0000000000000000000000000000000000000000
--- a/web/src/presentation/components/footer/footer.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import "./assets/css/styles.css";
-
-// Define the Developer interface
-interface Developer {
-  name: string;
-  lastName: string;
-  role: string;
-  linkedInURL: string;
-}
-
-// Footer component
-export const Footer = () => {
-  // Inline style for text elements
-  const style: React.CSSProperties = {
-    fontSize: 11,
-    textDecoration: "none",
-    color: "black",
-    textAlign: "left",
-  };
-
-  // List of developers
-  const developers: Developer[] = [
-    {
-      name: "Lorenzo",
-      lastName: "Trujillo",
-      role: "Desarrollador FrontEnd Mobile",
-      linkedInURL: "https://www.linkedin.com/in/lorenzotrujillorojassd/",
-    },
-    {
-      name: "Diego I.",
-      lastName: "Correa",
-      role: "Desarrollador BackEnd",
-      linkedInURL: "https://www.linkedin.com/in/diego-ivan-correa/",
-    },
-    {
-      name: "Omar",
-      lastName: "Luna",
-      role: "Desarrollador FrontEnd Web",
-      linkedInURL:
-        "https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/",
-    },
-  ];
-
-  return (
-    <div className="footer">
-      {/* Footer credits section */}
-      <div className="footer_credits">
-        <div className="footer_license">
-          <div style={style}>
-            ©2024
-            <a href="https://labsol.cozcyt.gob.mx/" style={style}>
-              {" "}
-              Labsol Network.
-            </a>
-          </div>
-          <a href="https://www.gnu.org/licenses/gpl-3.0.html" style={style}>
-            Bajo licencia GPL v.3.
-          </a>
-        </div>
-        {/* Developer links */}
-        <div className="footer_developers">
-          {developers.map((dev, index) => {
-            return (
-              <a key={index} style={style} href={dev.linkedInURL}>
-                @ {dev.name + " " + dev.lastName + " (" + dev.role + ")"}
-              </a>
-            );
-          })}
-        </div>
-      </div>
-
-      {/* Footer icons section */}
-      <div className="footer_icons">
-        <div className="footer_images">
-          <img
-            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_texto_lab.png?v=2"
-            title="Laboratorio de Software Libre Network"
-            alt=""
-          />
-          <img
-            src="https://sit.cozcyt.gob.mx/static/images/sit_logo_licencia.png?v=2"
-            title="GNU General Public License v.3."
-            alt=""
-          />
-        </div>
-      </div>
-    </div>
-  );
-};
diff --git a/web/src/presentation/superadmin/panel/assets/styles/style.css b/web/src/presentation/superadmin/panel/assets/styles/style.css
index f83d159735900cd746cd17819f95714f7f66c807..1a597ff872981675986a21f81a1e2991b68c7b2a 100644
--- a/web/src/presentation/superadmin/panel/assets/styles/style.css
+++ b/web/src/presentation/superadmin/panel/assets/styles/style.css
@@ -22,11 +22,6 @@
 
 .superadmin-panel-content{
     max-height: 80vh;
-    min-height: 80vh;
+    min-height: 94vh;
     display: flex;
 }
-
-.footer-cnt{
-    height: 14vh;
-    background: #ECEAFF;
-}
diff --git a/web/src/presentation/superadmin/panel/super_admin_home_page.tsx b/web/src/presentation/superadmin/panel/super_admin_home_page.tsx
index d5a06c2fd8942fe9d9673a8168797e49f4ae5e87..7ab7918455a5dff713d7a24365e35dea49598d57 100644
--- a/web/src/presentation/superadmin/panel/super_admin_home_page.tsx
+++ b/web/src/presentation/superadmin/panel/super_admin_home_page.tsx
@@ -3,6 +3,7 @@ import { Menu, MenuItem, Sidebar } from "react-pro-sidebar";
 import "./assets/styles/style.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
+  faInfo,
   faMonument,
   faTags,
   faUserTie,
@@ -17,7 +18,7 @@ import { LoadingSpinner } from "../../components/loading_spinner/loading_spinner
 import { SuperAdminSelectedPanel } from "../../../core/constants/selected_panel";
 import { useSuperAdminHomePage } from "../../../domain/useCase/useSuperadminHomePage";
 import { SuperAdminPanelCategoryScreen } from "../sa_panel_category/sa_panel_category_screen/sa_panel_category_screen";
-import { Footer } from "../../components/footer/footer";
+import { AboutUsPanel } from "../../components/about_us/about_us_panel";
 
 // Main component for the Super Admin Home Page
 export const SuperAdminHomePage = () => {
@@ -96,6 +97,15 @@ export const SuperAdminHomePage = () => {
           >
             Categorías
           </MenuItem>
+          <MenuItem
+            icon={<FontAwesomeIcon icon={faInfo} />}
+            disabled={isWindowActive}
+            onClick={() => {
+              setSelectedPanel(SuperAdminSelectedPanel.ABOUT_US);
+            }}
+          >
+            Sobre nosotros
+          </MenuItem>
         </Menu>
       </Sidebar>
       <div className="superadmin-panel-body">
@@ -131,15 +141,13 @@ export const SuperAdminHomePage = () => {
                     setIsWindowActive={setIsWindowActive}
                   />
                 );
+              case SuperAdminSelectedPanel.ABOUT_US:
+                return <AboutUsPanel />;
               default:
                 return null;
             }
           })()}
         </div>
-        {/* Footer component */}
-        <div className="footer-cnt">
-          <Footer />
-        </div>
       </div>
     </div>
   );