diff --git a/src/assets/imgs/Boleto.svg b/src/assets/imgs/Boleto.svg
new file mode 100644
index 0000000..1a6661c
--- /dev/null
+++ b/src/assets/imgs/Boleto.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Diners.svg b/src/assets/imgs/Diners.svg
new file mode 100644
index 0000000..83e7272
--- /dev/null
+++ b/src/assets/imgs/Diners.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Elo.svg b/src/assets/imgs/Elo.svg
new file mode 100644
index 0000000..d1fc93c
--- /dev/null
+++ b/src/assets/imgs/Elo.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Hiper.svg b/src/assets/imgs/Hiper.svg
new file mode 100644
index 0000000..4b4c52f
--- /dev/null
+++ b/src/assets/imgs/Hiper.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Master.svg b/src/assets/imgs/Master.svg
new file mode 100644
index 0000000..00047e2
--- /dev/null
+++ b/src/assets/imgs/Master.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Pagseguro.svg b/src/assets/imgs/Pagseguro.svg
new file mode 100644
index 0000000..c7815e4
--- /dev/null
+++ b/src/assets/imgs/Pagseguro.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/Visa.svg b/src/assets/imgs/Visa.svg
new file mode 100644
index 0000000..de9a049
--- /dev/null
+++ b/src/assets/imgs/Visa.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/m3.svg b/src/assets/imgs/m3.svg
new file mode 100644
index 0000000..0eeb905
--- /dev/null
+++ b/src/assets/imgs/m3.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/imgs/vtex-pci-200.svg b/src/assets/imgs/vtex-pci-200.svg
new file mode 100644
index 0000000..a9beabb
--- /dev/null
+++ b/src/assets/imgs/vtex-pci-200.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/imgs/vtex.svg b/src/assets/imgs/vtex.svg
new file mode 100644
index 0000000..7e8d17b
--- /dev/null
+++ b/src/assets/imgs/vtex.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss
new file mode 100644
index 0000000..c08acb7
--- /dev/null
+++ b/src/components/Footer/Footer.module.scss
@@ -0,0 +1,78 @@
+@import "../../variaveis.scss";
+
+footer {
+ bottom: 0;
+ position: absolute;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ background: $black;
+}
+
+//Footer Bottom
+
+.Footer__Bottom {
+ width: 84.378%;
+ height: 64.01px;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: relative;
+ & ul {
+ margin-top: 0;
+ margin-bottom: 0;
+ & li {
+ list-style: none;
+ }
+ }
+ & .Razao__Social {
+ display: flex;
+ color: $white;
+ max-width: 234px;
+ font-family: "Roboto";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: capitalize;
+ }
+ & .Metodos__de__Pagamento {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ max-width: 398.61px;
+ padding-left: 0;
+ column-gap: 12px;
+ & .Line {
+ width: 0px;
+ height: 24px;
+ border: 1px solid $primary-600;
+ transform: rotate(359deg);
+ flex: none;
+ flex-grow: 0;
+ }
+ & li {
+ width: auto;
+ }
+ }
+ & .Autores {
+ padding-left: 0;
+ display: flex;
+ align-items: center;
+ column-gap: 13px;
+ & li {
+ column-gap: 13px;
+ display: flex;
+ align-items: center;
+ font-family: "Roboto";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: capitalize;
+ color: $white;
+ }
+ }
+}
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
new file mode 100644
index 0000000..3f71ea5
--- /dev/null
+++ b/src/components/Footer/Footer.tsx
@@ -0,0 +1,16 @@
+import styles from "./Footer.module.scss";
+import { FooterBottom } from "./FooterBottom";
+
+const Footer = () => {
+ return (
+
+ );
+};
+
+export { Footer };
diff --git a/src/components/Footer/FooterBottom.tsx b/src/components/Footer/FooterBottom.tsx
new file mode 100644
index 0000000..1d9ce9f
--- /dev/null
+++ b/src/components/Footer/FooterBottom.tsx
@@ -0,0 +1,39 @@
+import MasterCard from "../../assets/imgs/Master.svg";
+import Visa from "../../assets/imgs/Visa.svg";
+import Diners from "../../assets/imgs/Diners.svg";
+import Elo from "../../assets/imgs/Elo.svg";
+import HiperCard from "../../assets/imgs/Hiper.svg";
+import Pagseguro from "../../assets/imgs/Pagseguro.svg";
+import Boleto from "../../assets/imgs/Boleto.svg";
+import VtexPci from "../../assets/imgs/vtex-pci-200.svg";
+import M3 from "../../assets/imgs/m3.svg";
+import Vtex from "../../assets/imgs/vtex.svg"
+import styles from "./Footer.module.scss";
+
+const FooterBottom = () => {
+ return (
+ <>
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor
+
+
+
+ - Powered by
+ - Developed by
+
+
+ );
+};
+
+export { FooterBottom };
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index d66ac99..055ecc1 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,9 +1,11 @@
import { Header } from "../components/Header/Header";
+import { Footer } from "../components/Footer/Footer";
const Home = () => {
return (
<>
+
);
};