feat: construção do footer bottom

src/components/Footer/footer.module.scss

@@ -131,4 +131,55 @@
             }
         }
     }
+    .footer-bottom{
+        background-color: black;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 100px;
+        height: 64px;
+
+        .footer-bottom-span{
+            font-family: 'Roboto';
+            font-weight: 400;
+            font-size: 10px;
+            line-height: 12px;
+            text-transform: capitalize;
+            color: white;
+        }
+        .footer-bottom-conteiner-img{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            div {
+                display: flex;
+                align-items: center;
+                .footer-img{
+                    margin-right: 12px;
+                    height: 20px;
+                }
+                .footer-barra{
+                    margin-right: 12px;
+                    height: auto;
+                }
+            }
+            .footer-conteiner-final{
+                display: flex;
+                align-items: center;
+
+                .footer-span, .footer-img-vtex{
+                    margin-right: 13px;
+                }
+                .footer-span{
+                    font-family: 'Roboto';
+                    font-weight: 400;
+                    font-size: 10px;
+                    line-height: 12px;
+                    text-transform: capitalize;
+                    color: #FFFFFF;
+                }
+            }
+        }
+    }
 }

src/components/Footer/footer.tsx

@@ -9,6 +9,7 @@ import youtube from '../../assets/svg/youtube.svg'
 
 import styles from './footer.module.scss';
 import { NewsLetter } from './footerNewsLetter';
+import { Bottom } from './footerbottom';
 
 const Footer = () => {
     return (
@@ -55,6 +56,7 @@ const Footer = () => {
                 <span className={styles['footer-top-rede-span']}>www.loremipsum.com</span>
             </div>
         </div>
+        <Bottom />
     </div>
     )
 }

src/components/Footer/footerbottom.tsx

@@ -0,0 +1,53 @@
+import React from 'react';
+
+import master from '../../assets/img/Master.png'
+import visa from '../../assets/img/Visa.png'
+import diners from '../../assets/img/Diners.png'
+import elo from '../../assets/img/Elo.png'
+import hiper from '../../assets/img/Hiper.png'
+import pagseguro from '../../assets/img/Pagseguro.png'
+import boleto from '../../assets/img/Boleto.png'
+import linha from '../../assets/img/Line 5.png'
+import vtexpci from '../../assets/img/vtex-pci-200.png'
+import vtex from '../../assets/img/vtex.png'
+import m3 from '../../assets/img/m3.png'
+
+import styles from './footer.module.scss';
+
+const Bottom = () => {
+    return(
+        <div className={styles['footer-bottom']}>
+            <span className={styles['footer-bottom-span']}>Lorem ipsum dolor sit amet, consectetur adipiscing<br/>
+            Elit, sed do eiusmod tempor</span>
+            <div className={styles['footer-bottom-conteiner-img']}>
+                <div>
+                    <img className={styles['footer-img']} src={master} alt="" />
+                    <img className={styles['footer-img']} src={visa} alt="" />
+                    <img className={styles['footer-img']} src={diners} alt="" />
+                    <img className={styles['footer-img']} src={elo} alt="" />
+                    <img className={styles['footer-img']} src={hiper} alt="" />
+                    <img className={styles['footer-img']} src={pagseguro} alt="" />
+                    <img className={styles['footer-img']} src={boleto} alt="" />
+                </div>
+                <div className={styles['conteiner-linha']}>
+                    <img className={styles['footer-barra']} src={linha} alt="" />
+                </div>
+                <div className={styles['conteiner-vtex']}>
+                    <img src={vtexpci} alt="" />
+                </div>
+            </div>
+            <div className={styles['footer-bottom-conteiner-img']}>
+                <div className={styles['footer-conteiner-final']}>
+                    <span className={styles['footer-span']}>Powered by</span>
+                    <img className={styles['footer-img-vtex']}src={vtex} alt="" />
+                </div>
+                <div className={styles['footer-conteiner-final']}>
+                    <span className={styles['footer-span']}>Developed by</span>
+                    <img src={m3} alt="" />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export { Bottom }