From 62172b869b4303964244f83f6166d0407eb06b35 Mon Sep 17 00:00:00 2001 From: Rafael Sampaio Date: Sat, 31 Dec 2022 10:55:09 -0300 Subject: [PATCH] feat: cria footer bottom 1280px --- src/assets/images/AmExp.png | Bin 0 -> 3477 bytes src/assets/images/Boleto.png | Bin 0 -> 1795 bytes src/assets/images/Elo.png | Bin 0 -> 1892 bytes src/assets/images/Hiper.png | Bin 0 -> 1757 bytes src/assets/images/M3.png | Bin 0 -> 762 bytes src/assets/images/Master.png | Bin 0 -> 1465 bytes src/assets/images/PayPal.png | Bin 0 -> 1972 bytes src/assets/images/Visa.png | Bin 0 -> 2178 bytes src/assets/images/Vtex.png | Bin 0 -> 1035 bytes src/assets/images/vtex-pci-200.png | Bin 0 -> 3841 bytes src/components/Footer/index.tsx | 4 + src/components/FooterBottom/index.tsx | 73 +++++++++++ .../FooterBottom/styles.module.scss | 124 ++++++++++++++++++ src/components/FooterTop/index.tsx | 8 ++ src/components/FooterTop/styles.module.scss | 6 + 15 files changed, 215 insertions(+) create mode 100644 src/assets/images/AmExp.png create mode 100644 src/assets/images/Boleto.png create mode 100644 src/assets/images/Elo.png create mode 100644 src/assets/images/Hiper.png create mode 100644 src/assets/images/M3.png create mode 100644 src/assets/images/Master.png create mode 100644 src/assets/images/PayPal.png create mode 100644 src/assets/images/Visa.png create mode 100644 src/assets/images/Vtex.png create mode 100644 src/assets/images/vtex-pci-200.png create mode 100644 src/components/FooterBottom/index.tsx create mode 100644 src/components/FooterBottom/styles.module.scss create mode 100644 src/components/FooterTop/index.tsx create mode 100644 src/components/FooterTop/styles.module.scss diff --git a/src/assets/images/AmExp.png b/src/assets/images/AmExp.png new file mode 100644 index 0000000000000000000000000000000000000000..6d31c334a1e872ae785d01df60a9f943fd87c591 GIT binary patch literal 3477 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 TOT+@C00000NkvXXu0mjf;i#qV literal 0 HcmV?d00001 diff --git a/src/assets/images/PayPal.png b/src/assets/images/PayPal.png new file mode 100644 index 0000000000000000000000000000000000000000..adce1bd1c525e27a94c022286fc013773a5c6f69 GIT binary patch literal 1972 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 FV1jU8&zJxJ literal 0 HcmV?d00001 diff --git a/src/assets/images/vtex-pci-200.png b/src/assets/images/vtex-pci-200.png new file mode 100644 index 0000000000000000000000000000000000000000..566a433bec7e6f94a67e59c3f386aaf404165497 GIT binary patch literal 3841 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 { return (
+ +
); }; diff --git a/src/components/FooterBottom/index.tsx b/src/components/FooterBottom/index.tsx new file mode 100644 index 0000000..412652c --- /dev/null +++ b/src/components/FooterBottom/index.tsx @@ -0,0 +1,73 @@ +import React from "react"; +import styles from "./styles.module.scss"; +import master from "../../assets/images/Master.png"; +import visa from "../../assets/images/Visa.png"; +import amExp from "../../assets/images/AmExp.png"; +import elo from "../../assets/images/Elo.png"; +import hiper from "../../assets/images/Hiper.png"; +import payPal from "../../assets/images/PayPal.png"; +import boleto from "../../assets/images/Boleto.png"; +import vtexPci from "../../assets/images/vtex-pci-200.png"; +import vtex from "../../assets/images/Vtex.png"; +import m3 from "../../assets/images/M3.png"; + +const FooterBottom = () => { + return ( +
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor +

+
+
+
+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+
+
+ Selo Vtex +
+
+
+
+ Powered by + + Vtex + +
+
+ Developed by + + M3 + +
+
+
+
+ ); +}; + +export { FooterBottom }; diff --git a/src/components/FooterBottom/styles.module.scss b/src/components/FooterBottom/styles.module.scss new file mode 100644 index 0000000..8486105 --- /dev/null +++ b/src/components/FooterBottom/styles.module.scss @@ -0,0 +1,124 @@ +.footerBottom { + display: flex; + justify-content: center; + align-items: center; + height: 64px; + background: var(--black-500); + + &__content { + display: flex; + justify-content: space-between; + align-items: center; + width: 84.375%; + height: 34px; + } + + &__corporateName { + width: 21.707%; + height: 24px; + + p { + font-style: normal; + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: var(--white-500); + } + } + + &__paymentMethods { + display: flex; + align-items: center; + justify-content: space-between; + width: 36.921%; + height: 100%; + } + + &__paymentIcons { + border-right: 1px solid var(--gray-100); + width: 82.762%; + height: 20px; + + ul { + display: flex; + align-items: center; + justify-content: space-between; + + &:last-child { + margin-right: 12px; + } + + img { + width: 100%; + height: 20px; + } + } + } + + &__vtexPci { + width: 13.696%; + height: 100%; + + img { + width: 100%; + height: 100%; + } + } + + &__authors { + display: flex; + justify-content: space-between; + width: 20.965%; + height: 16px; + } + + &__vtex { + display: flex; + align-items: center; + justify-content: space-between; + width: 49.03%; + height: 100%; + + .poweredBy { + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: var(--white-500); + } + + img { + width: 100%; + height: 16px; + } + } + + &__m3 { + display: flex; + align-items: center; + justify-content: space-between; + width: 45.491%; + height: 100%; + + .developedBy { + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: var(--white-500); + } + + img { + width: 100%; + height: 16px; + } + } + + @media (min-width: 1025px) and (max-width: 1128px) { + .poweredBy, + .developedBy { + font-size: 8px; + } + } +} diff --git a/src/components/FooterTop/index.tsx b/src/components/FooterTop/index.tsx new file mode 100644 index 0000000..7e797a2 --- /dev/null +++ b/src/components/FooterTop/index.tsx @@ -0,0 +1,8 @@ +import React from "react"; +import styles from "./styles.module.scss"; + +const FooterTop = () => { + return
; +}; + +export { FooterTop }; diff --git a/src/components/FooterTop/styles.module.scss b/src/components/FooterTop/styles.module.scss new file mode 100644 index 0000000..804c9d2 --- /dev/null +++ b/src/components/FooterTop/styles.module.scss @@ -0,0 +1,6 @@ +.footerTop { + border-width: 0px 0px 1px 1px; + border-style: solid; + border-color: var(--black-500); + height: 239px; +}