diff --git a/src/App.tsx b/src/App.tsx
index 5038d6d..556bd04 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,6 +2,8 @@ import { Header } from "./components/header/header";
 import { MainContent } from "./components/main/main-content";
 import { HeaderMenu } from "./components/header-menu/header-menu";
 import { Newsletter } from "./components/newsletter/newsletter";
+import { InfoAgencia } from "./components/info-agencia/info-agencia";
+import { Footer } from "./components/footer/footer";
 
 function App() {
   return (
@@ -10,6 +12,8 @@ function App() {
       <HeaderMenu />
       <MainContent />
       <Newsletter />
+      <InfoAgencia />
+      <Footer />
     </div>
   );
 }
diff --git a/src/components/footer/footer.jsx b/src/components/footer/footer.jsx
new file mode 100644
index 0000000..c5ae893
--- /dev/null
+++ b/src/components/footer/footer.jsx
@@ -0,0 +1,9 @@
+import style from "./footer.module.css";
+
+export function Footer() {
+  return (
+    <div className={style.footer}>
+      <div></div>
+    </div>
+  );
+}
diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css
new file mode 100644
index 0000000..6e55b29
--- /dev/null
+++ b/src/components/footer/footer.module.css
@@ -0,0 +1,5 @@
+.footer {
+  width: 100%;
+  height: 64px;
+  background: #000000;
+}
diff --git a/src/components/info-agencia/assets/facebook.png b/src/components/info-agencia/assets/facebook.png
new file mode 100644
index 0000000..131e28a
Binary files /dev/null and b/src/components/info-agencia/assets/facebook.png differ
diff --git a/src/components/info-agencia/assets/instagram.png b/src/components/info-agencia/assets/instagram.png
new file mode 100644
index 0000000..f6b2ad8
Binary files /dev/null and b/src/components/info-agencia/assets/instagram.png differ
diff --git a/src/components/info-agencia/assets/linkedin.png b/src/components/info-agencia/assets/linkedin.png
new file mode 100644
index 0000000..64ce7e0
Binary files /dev/null and b/src/components/info-agencia/assets/linkedin.png differ
diff --git a/src/components/info-agencia/assets/twitter.png b/src/components/info-agencia/assets/twitter.png
new file mode 100644
index 0000000..1c08080
Binary files /dev/null and b/src/components/info-agencia/assets/twitter.png differ
diff --git a/src/components/info-agencia/assets/youtube.png b/src/components/info-agencia/assets/youtube.png
new file mode 100644
index 0000000..fee8585
Binary files /dev/null and b/src/components/info-agencia/assets/youtube.png differ
diff --git a/src/components/info-agencia/info-agencia.module.css b/src/components/info-agencia/info-agencia.module.css
new file mode 100644
index 0000000..ab61d09
--- /dev/null
+++ b/src/components/info-agencia/info-agencia.module.css
@@ -0,0 +1,42 @@
+.infoAgenciaContainer {
+  width: 100%;
+  height: 239px;
+  display: flex;
+}
+
+.infoAgenciaUl {
+  display: flex;
+  gap: 121px;
+  padding: 50px 100px;
+}
+
+.socialIcons {
+  width: 35px;
+  height: 35px;
+}
+
+.ulStyle {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 155px;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+}
+
+.socialMediaContainer {
+  display: flex;
+  flex-direction: column;
+  padding: 50px;
+}
+
+.socialMediaIconsContainer {
+  display: flex;
+  gap: 10px;
+}
diff --git a/src/components/info-agencia/info-agencia.tsx b/src/components/info-agencia/info-agencia.tsx
new file mode 100644
index 0000000..9e9e646
--- /dev/null
+++ b/src/components/info-agencia/info-agencia.tsx
@@ -0,0 +1,61 @@
+import style from "./info-agencia.module.css";
+import facebook from "./assets/facebook.png";
+import instagram from "./assets/instagram.png";
+import twitter from "./assets/twitter.png";
+import linkedin from "./assets/linkedin.png";
+import youtube from "./assets/youtube.png";
+
+export function InfoAgencia() {
+  return (
+    <div className={style.infoAgenciaContainer}>
+      <div className={style.infoAgenciaUl}>
+        <ul className={style.ulStyle}>
+          <li>INSTITUCIONAL</li>
+          <li>Quem somos</li>
+          <li>Política de Privacidade</li>
+          <li>Segurança</li>
+          <li>Seja um Revendedor</li>
+        </ul>
+        <ul className={style.ulStyle}>
+          <li>DÚVIDAS</li>
+          <li>Entrega</li>
+          <li>Pagamento</li>
+          <li>Trocas e Devoluções</li>
+          <li>Dúvidas Frequentes</li>
+        </ul>
+        <ul className={style.ulStyle}>
+          <li>FALE CONOSCO</li>
+          <li>Atendimento ao Consumidor</li>
+          <li>(11) 4159 9504</li>
+          <li>Atendimento Online</li>
+          <li>(11) 9 9433-8825</li>
+        </ul>
+      </div>
+      <div className={style.socialMediaContainer}>
+        <div className={style.socialMediaIconsContainer}>
+          <a href="https://www.devmedia.com.br/react-js-criando-rotas-com-react-router-dom/42901">
+            {" "}
+            <img className={style.socialIcons} src={facebook}></img>
+          </a>
+          <a href="https://www.devmedia.com.br/react-js-criando-rotas-com-react-router-dom/42901">
+            {" "}
+            <img className={style.socialIcons} src={instagram}></img>
+          </a>
+          <a href="https://www.devmedia.com.br/react-js-criando-rotas-com-react-router-dom/42901">
+            {" "}
+            <img className={style.socialIcons} src={twitter}></img>
+          </a>
+          <a href="https://www.devmedia.com.br/react-js-criando-rotas-com-react-router-dom/42901">
+            {" "}
+            <img className={style.socialIcons} src={youtube}></img>
+          </a>
+          <a href="https://www.devmedia.com.br/react-js-criando-rotas-com-react-router-dom/42901">
+            {" "}
+            <img className={style.socialIcons} src={linkedin}></img>
+          </a>
+        </div>
+        <span>www.loremipsum.com</span>
+      </div>
+    </div>
+  );
+}