src/components/Footer/FooterBottom/FooterBottom.tsx

@@ -1,5 +1,5 @@
-import { ReactComponent as VTEXIcon } from "../assets/icons/logoVTEXM3Academy.svg";
-import { ReactComponent as M3Icon } from "../assets/icons/logoM3M3Academy.svg";
+import { ReactComponent as VTEXIcon } from "../assets/logoVTEXM3Academy.svg";
+import { ReactComponent as M3Icon } from "../assets/logoM3M3Academy.svg";
 
 import styles from "./footerBottom.module.scss";
 
@@ -17,37 +17,37 @@ export default function FooterBottom() {
           <div>
             <img
               className={styles.paymentFooter}
-              src="../assets/images/masterCardM3Academy.png"
+              src="/assets/images/masterCardM3Academy.png"
               alt="Logo Master Card"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/visaM3Academy.png"
+              src="/assets/images/visaM3Academy.png"
               alt="Logo Visa"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/amexM3Academy.png"
+              src="/assets/images/amexM3Academy.png"
               alt="Logo American Express"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/eloM3Academy.png"
+              src="/assets/images/eloM3Academy.png"
               alt="Logo Elo"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/hipercardM3Academy.png"
+              src="/assets/images/hipercardM3Academy.png"
               alt="Logo HiperCard"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/paypalM3Academy.png"
+              src="/assets/images/paypalM3Academy.png"
               alt="Logo PayPal"
             />
             <img
               className={styles.paymentFooter}
-              src="../assets/images/boletoM3Academy.png"
+              src="/assets/images/boletoM3Academy.png"
               alt="Logo Boleto"
             />
           </div>
@@ -59,7 +59,7 @@ export default function FooterBottom() {
           <div>
             <img
               className={styles.vtexIcon}
-              src="../assets/images/vtexPCIM3Academy.png"
+              src="/assets/images/vtexPCIM3Academy.png"
               alt="Logo VTEX PCI Certificado"
             />
           </div>

src/components/Footer/FooterTop/FooterTop.tsx

@@ -1,9 +1,9 @@
 import { useRef, useState } from "react";
-import { ReactComponent as FacebookIcon } from "../assets/icons/facebook-icon.svg";
-import { ReactComponent as InstagramIcon } from "../assets/icons/instagram-icon.svg";
-import { ReactComponent as TwitterIcon } from "../assets/icons/twitter-icon.svg";
-import { ReactComponent as YouTubeIcon } from "../assets/icons/youtube-icon.svg";
-import { ReactComponent as LinkedinIcon } from "../assets/icons/linkedin-icon.svg";
+import { ReactComponent as FacebookIcon } from "../assets/facebook-icon.svg";
+import { ReactComponent as InstagramIcon } from "../assets/instagram-icon.svg";
+import { ReactComponent as TwitterIcon } from "../assets/twitter-icon.svg";
+import { ReactComponent as YouTubeIcon } from "../assets/youtube-icon.svg";
+import { ReactComponent as LinkedinIcon } from "../assets/linkedin-icon.svg";
 
 import styles from "./footerTop.module.scss";
 

src/types/index.d.ts

@@ -1,2 +1,3 @@
 declare module "*.module.scss";
 declare module "*.svg";
+declare module "*.png";