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/data/datasource/api/poi_datasource.ts b/web/src/data/datasource/api/poi_datasource.ts
index 4e26660e57851dd7776fc6906701b2e147cce346..625313f93f286c10671acf77f2badb39abc63241 100644
--- a/web/src/data/datasource/api/poi_datasource.ts
+++ b/web/src/data/datasource/api/poi_datasource.ts
@@ -1,5 +1,4 @@
 import axios from "axios";
-import { Buffer } from "buffer";
 import { PoiDatasourceInf } from "../poi_datasource";
 import { PointOfInterest } from "./entities/poi";
 import { APIUrl } from "../../../core/constants/api_url";
@@ -91,9 +90,9 @@ export class POIDatasourceProd implements PoiDatasourceInf {
    * Generates a PDF for the specified points of interest.
    * @param idPlace - The ID of the place.
    * @param pointsId - An array of point IDs to include in the PDF.
-   * @returns A promise that resolves to a base64-encoded string of the PDF.
+   * @returns A promise that resolves to a Blob containing the PDF data.
    */
-  async getPDFByPoints(idPlace: number, pointsId: number[]): Promise<string> {
+  async getPDFByPoints(idPlace: number, pointsId: number[]): Promise<Blob> {
     const { data } = await axios.get(
       APIUrl + API_ROUTE_PLACE + `/${idPlace}` + API_ROUTE_POINT + "/generate",
       {
@@ -103,6 +102,6 @@ export class POIDatasourceProd implements PoiDatasourceInf {
         responseType: "arraybuffer",
       }
     );
-    return Buffer.from(data, "binary").toString("base64");
+    return new Blob([data], { type: "application/pdf" });
   }
 }
diff --git a/web/src/data/datasource/poi_datasource.ts b/web/src/data/datasource/poi_datasource.ts
index b03b50dd651b2308f721918326cc330c38d192d2..1b2b208fe0c49d341242a8c3ab7ea74e8e76395c 100644
--- a/web/src/data/datasource/poi_datasource.ts
+++ b/web/src/data/datasource/poi_datasource.ts
@@ -29,7 +29,7 @@ export interface PoiDatasourceInf {
    * Retrieves a PDF document containing information about specified POIs.
    * @param idPlace - The ID of the place.
    * @param pointsId - An array of POI IDs.
-   * @returns A promise that resolves to a string representing the PDF document.
+   * @returns A promise that resolves to a Blob containing the PDF data.
    */
-  getPDFByPoints(idPlace: number, pointsId: number[]): Promise<string>;
+  getPDFByPoints(idPlace: number, pointsId: number[]): Promise<Blob>;
 }
diff --git a/web/src/data/repository/poi_repository.ts b/web/src/data/repository/poi_repository.ts
index 9a59ed06091faaa6d39374c8ff55cd9ee0a6cafa..d65f18246c7af3ce472f4aa81d9bcbead565414c 100644
--- a/web/src/data/repository/poi_repository.ts
+++ b/web/src/data/repository/poi_repository.ts
@@ -39,9 +39,9 @@ export class POIRepositoryProd implements PoiRepositoryInf {
    * Retrieves a PDF document for the given points of interest.
    * @param idPlace - The ID of the place.
    * @param pointsId - An array of point IDs.
-   * @returns A promise that resolves to a string representing the PDF document.
+   * @returns A promise that resolves to a Blob containing the PDF data.
    */
-  async getPDFByPoints(idPlace: number, pointsId: number[]): Promise<string> {
+  async getPDFByPoints(idPlace: number, pointsId: number[]): Promise<Blob> {
     return this.datasouce.getPDFByPoints(idPlace, pointsId);
   }
 }
diff --git a/web/src/domain/repository/poi_repository.ts b/web/src/domain/repository/poi_repository.ts
index e99c809242e8520e634d478f751f252c34ef733d..a07c65ccadd7a5ff6402a17893f5fc77da5fb6e2 100644
--- a/web/src/domain/repository/poi_repository.ts
+++ b/web/src/domain/repository/poi_repository.ts
@@ -29,7 +29,7 @@ export interface PoiRepositoryInf {
    * Retrieves a PDF containing information about specified POIs.
    * @param idPlace - The ID of the place.
    * @param pointsId - An array of POI IDs.
-   * @returns A promise that resolves to a string representing the PDF.
+   * @returns A promise that resolves to a Blob containing the PDF data.
    */
-  getPDFByPoints(idPlace: number, pointsId: number[]): Promise<string>;
+  getPDFByPoints(idPlace: number, pointsId: number[]): Promise<Blob>;
 }
diff --git a/web/src/domain/useCase/usePointOfInterest.ts b/web/src/domain/useCase/usePointOfInterest.ts
index 722c190ba7543be997908ef728c2643d04470e38..f3d7de229a130627df7cf973fc8a97640b8e2740 100644
--- a/web/src/domain/useCase/usePointOfInterest.ts
+++ b/web/src/domain/useCase/usePointOfInterest.ts
@@ -206,10 +206,10 @@ export const usePointOfInterest = (
   const getPdfById = async (
     idPlace: number,
     pointsId: number[]
-  ): Promise<string | null> => {
+  ): Promise<Blob | null> => {
     try {
-      const pdfUrl = await POIRepository.getPDFByPoints(idPlace, pointsId);
-      return pdfUrl;
+      const pdfBlob = await POIRepository.getPDFByPoints(idPlace, pointsId);
+      return pdfBlob;
     } catch (error: any) {
       if (axios.isAxiosError(error)) {
         error as AxiosError;
diff --git a/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_list/admin_panel_poi_list.tsx b/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_list/admin_panel_poi_list.tsx
index 086ceb60ad0f944bd7caf17f0a4866a38a24af86..37002125785729e5dd1ee73cf0cbdfaf10b16450 100644
--- a/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_list/admin_panel_poi_list.tsx
+++ b/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_list/admin_panel_poi_list.tsx
@@ -15,7 +15,7 @@ interface props {
   isWindowActive: boolean;
   setActualPoint: Dispatch<SetStateAction<PointOfInterest | undefined>>;
   setWindowVisibilityViewer: (visibility: boolean) => void;
-  setBinaryData: Dispatch<SetStateAction<string>>;
+  setBlobData: Dispatch<SetStateAction<Blob | null>>;
   setIsPDFViewerActive: Dispatch<SetStateAction<boolean>>;
   setIsWindowsActive: Dispatch<SetStateAction<boolean>>;
 }
@@ -26,7 +26,7 @@ export const AdminPanelPoiList = ({
   isWindowActive,
   setActualPoint,
   setWindowVisibilityViewer,
-  setBinaryData,
+  setBlobData,
   setIsPDFViewerActive,
   setIsWindowsActive,
 }: props) => {
@@ -68,7 +68,7 @@ export const AdminPanelPoiList = ({
       if (res !== null) {
         setIsPDFViewerActive(true);
         setIsWindowsActive(true);
-        setBinaryData(res);
+        setBlobData(res);
       }
       setIsPDFLoading(false);
     };
diff --git a/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen.tsx b/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen.tsx
index 0b202fcfe4f47f0c93f0fdd73f495955e34b7203..820544bf3ab90dcf96e828067f13bb8e255a1ff0 100644
--- a/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen.tsx
+++ b/web/src/presentation/admin/admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen.tsx
@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction, useState } from "react";
+import { Dispatch, SetStateAction, useEffect, useState } from "react";
 import { AdminPanelPoiRegister } from "../admin_panel_poi_register/admin_panel_poi_register";
 import "./assets/css/styles.css";
 import { AdminPanelPoiList } from "../admin_panel_poi_list/admin_panel_poi_list";
@@ -28,7 +28,8 @@ export const AdminPanelPoiScreen = ({
   const [isRegisterWindowActive, setIsRegisterWindowActive] = useState(false); // Register window visibility
   const [isViewerWindowActive, setIsViewerWindowActive] = useState(false); // Viewer window visibility
   const [isPDFViewerActive, setIsPDFViewerActive] = useState(false); // PDF viewer visibility
-  const [binaryData, setBinaryData] = useState(""); // Binary data for PDF
+  const [blobData, setBlobData] = useState<Blob | null>(null); // Blob data for PDF
+  const [pdfUrl, setPdfUrl] = useState(""); // PDF URL
 
   // Function to force re-render the POI list
   const forceRenderList = () => {
@@ -48,6 +49,18 @@ export const AdminPanelPoiScreen = ({
     setIsWindowActive(visibility);
   };
 
+  useEffect(() => {
+    if (blobData) {
+      const url = URL.createObjectURL(blobData);
+      console.log(url);
+      setPdfUrl(url);
+
+      return () => {
+        URL.revokeObjectURL(url);
+      };
+    }
+  }, [blobData]);
+
   return (
     <div className="admin_panel_poi_content">
       <div className="panel_poi_header">
@@ -85,7 +98,7 @@ export const AdminPanelPoiScreen = ({
           setActualPoint={setActualPoint}
           setWindowVisibilityViewer={setWindowVisibilityViewer}
           isWindowActive={isWindowActive}
-          setBinaryData={setBinaryData}
+          setBlobData={setBlobData}
           setIsPDFViewerActive={setIsPDFViewerActive}
           setIsWindowsActive={setIsWindowActive}
         />
@@ -98,13 +111,13 @@ export const AdminPanelPoiScreen = ({
                 onClick={() => {
                   setIsPDFViewerActive(false);
                   setIsWindowActive(false);
-                  setBinaryData("");
+                  setBlobData(null);
                 }}
               />
             </div>
             <div className="pdf_viewer_body">
               <iframe
-                src={"data:application/pdf;base64," + binaryData}
+                src={pdfUrl}
                 height="100%"
                 width="100%"
                 title="PDF Viewer"
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..a8928c93c4d66a6a33f54ab8d3fec537fd571179
--- /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 key={index}>
+                  <a 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 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>
   );