feat: adiciona info-agencia 1280px

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>
   );
 }

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>
+  );
+}

src/components/footer/footer.module.css

@@ -0,0 +1,5 @@
+.footer {
+  width: 100%;
+  height: 64px;
+  background: #000000;
+}

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;
+}

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>
+  );
+}