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