diff --git a/src/components/Address/Address.tsx b/src/components/Address/Address.tsx
new file mode 100644
index 0000000..bf006c2
--- /dev/null
+++ b/src/components/Address/Address.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+const Address = () => {
+ return (
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+ tempor
+
+ );
+};
+
+export { Address };
diff --git a/src/components/Payments/Payments.tsx b/src/components/Payments/Payments.tsx
new file mode 100644
index 0000000..668687f
--- /dev/null
+++ b/src/components/Payments/Payments.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import masterImg from "./assets/image/Master.png";
+import visaImg from "./assets/image/Visa.png";
+import dinersImg from "./assets/image/Diners.png";
+import eloImg from "./assets/image/Elo.png";
+import hiperImg from "./assets/image/Hiper.png";
+import paypalImg from "./assets/image/Paypal.png";
+import boletoImg from "./assets/image/Boleto.png";
+import vtexImg from "./assets/image/vtex-pci-200.png";
+import styles from "./payments.module.scss";
+
+const Payments = () => {
+ return (
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+ -
+
+
+
+ );
+};
+
+const VtexPci = () => {
+ return ;
+};
+
+export { Payments, VtexPci };
diff --git a/src/components/Payments/assets/image/Boleto.png b/src/components/Payments/assets/image/Boleto.png
new file mode 100644
index 0000000..f93e6e1
Binary files /dev/null and b/src/components/Payments/assets/image/Boleto.png differ
diff --git a/src/components/Payments/assets/image/Diners.png b/src/components/Payments/assets/image/Diners.png
new file mode 100644
index 0000000..eb5a544
Binary files /dev/null and b/src/components/Payments/assets/image/Diners.png differ
diff --git a/src/components/Payments/assets/image/Elo.png b/src/components/Payments/assets/image/Elo.png
new file mode 100644
index 0000000..f1f59eb
Binary files /dev/null and b/src/components/Payments/assets/image/Elo.png differ
diff --git a/src/components/Payments/assets/image/Hiper.png b/src/components/Payments/assets/image/Hiper.png
new file mode 100644
index 0000000..9027ec5
Binary files /dev/null and b/src/components/Payments/assets/image/Hiper.png differ
diff --git a/src/components/Payments/assets/image/Master.png b/src/components/Payments/assets/image/Master.png
new file mode 100644
index 0000000..f28e6ca
Binary files /dev/null and b/src/components/Payments/assets/image/Master.png differ
diff --git a/src/components/Payments/assets/image/Paypal.png b/src/components/Payments/assets/image/Paypal.png
new file mode 100644
index 0000000..958cce3
Binary files /dev/null and b/src/components/Payments/assets/image/Paypal.png differ
diff --git a/src/components/Payments/assets/image/Visa.png b/src/components/Payments/assets/image/Visa.png
new file mode 100644
index 0000000..c603bca
Binary files /dev/null and b/src/components/Payments/assets/image/Visa.png differ
diff --git a/src/components/Payments/assets/image/vtex-pci-200.png b/src/components/Payments/assets/image/vtex-pci-200.png
new file mode 100644
index 0000000..2bdb894
Binary files /dev/null and b/src/components/Payments/assets/image/vtex-pci-200.png differ
diff --git a/src/components/Payments/payments.module.scss b/src/components/Payments/payments.module.scss
new file mode 100644
index 0000000..2d88400
--- /dev/null
+++ b/src/components/Payments/payments.module.scss
@@ -0,0 +1,4 @@
+.paymentsList {
+ display: flex;
+ flex-direction: row;
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 3ad966e..5ab37ec 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,9 +1,17 @@
import React from "react";
import { Header } from "../sectors/Header/Header";
+import { Address } from "../components/Address/Address";
+import { Payments, VtexPci } from "../components/Payments/Payments";
const Home = () => {
return (
-
+ {
+ //
+ //
+ }
+
+
+
);
};
diff --git a/src/styles/common/global.scss b/src/styles/common/global.scss
index 4b0b31d..ed3cbeb 100644
--- a/src/styles/common/global.scss
+++ b/src/styles/common/global.scss
@@ -1,15 +1,18 @@
* {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
}
body,
input,
button {
- font-family: sans-serif;
- font-size: 16px;
- color: #333;
+ font-family: sans-serif;
+ font-size: 16px;
+ color: #333;
}
button {
- cursor: pointer;
+ cursor: pointer;
+}
+li {
+ list-style-type: none;
}