From 2871886df0fd0055275d6a1d904d66aad133f083 Mon Sep 17 00:00:00 2001 From: Ramon Dias Ferreira Date: Tue, 10 Jan 2023 12:32:49 -0300 Subject: [PATCH] =?UTF-8?q?feat():=20html=20feito,=20estilizado=20toda=20p?= =?UTF-8?q?arte=20inferior=20do=20footer,=20newsletter=20ainda=20n=C3=A3o?= =?UTF-8?q?=20estilizada?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 137 ++++++++++++++++++ package.json | 1 + src/assets/img/facebook.png | Bin 0 -> 1719 bytes src/assets/img/instagram.png | Bin 0 -> 2257 bytes src/assets/img/linkedin.png | Bin 0 -> 1790 bytes src/assets/img/{pagseguro.png => paypal.png} | Bin src/assets/img/shape.png | Bin 479 -> 0 bytes src/assets/img/twitter.png | Bin 0 -> 2112 bytes .../img/{vtex-pci-200.png => vtex-pci.png} | Bin src/assets/img/vtex.png | Bin 0 -> 1032 bytes src/assets/img/youtube.png | Bin 0 -> 1901 bytes src/components/footer/Footer.tsx | 90 +++++++++++- src/styles/Footer.module.scss | 117 ++++++++++++++- 13 files changed, 341 insertions(+), 4 deletions(-) create mode 100644 src/assets/img/facebook.png create mode 100644 src/assets/img/instagram.png create mode 100644 src/assets/img/linkedin.png rename src/assets/img/{pagseguro.png => paypal.png} (100%) delete mode 100644 src/assets/img/shape.png create mode 100644 src/assets/img/twitter.png rename src/assets/img/{vtex-pci-200.png => vtex-pci.png} (100%) create mode 100644 src/assets/img/vtex.png create mode 100644 src/assets/img/youtube.png diff --git a/package-lock.json b/package-lock.json index d733553..314edae 100644 --- a/package-lock.json +++ b/package-lock.json @@ -22,6 +22,7 @@ "web-vitals": "^2.1.4" }, "devDependencies": { + "formik": "^2.2.9", "node-sass": "^8.0.0", "sass": "^1.57.1", "scss": "^0.2.4" @@ -8322,6 +8323,45 @@ "node": ">= 6" } }, + "node_modules/formik": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/formik/-/formik-2.2.9.tgz", + "integrity": "sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==", + "dev": true, + "funding": [ + { + "type": "individual", + "url": "https://opencollective.com/formik" + } + ], + "dependencies": { + "deepmerge": "^2.1.1", + "hoist-non-react-statics": "^3.3.0", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "react-fast-compare": "^2.0.1", + "tiny-warning": "^1.0.2", + "tslib": "^1.10.0" + }, + "peerDependencies": { + "react": ">=16.8.0" + } + }, + "node_modules/formik/node_modules/deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/formik/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -8810,6 +8850,21 @@ "he": "bin/he" } }, + "node_modules/hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "dependencies": { + "react-is": "^16.7.0" + } + }, + "node_modules/hoist-non-react-statics/node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true + }, "node_modules/hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -11950,6 +12005,12 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, + "node_modules/lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==", + "dev": true + }, "node_modules/lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", @@ -15117,6 +15178,12 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "node_modules/react-fast-compare": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz", + "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==", + "dev": true + }, "node_modules/react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -17045,6 +17112,12 @@ "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==" }, + "node_modules/tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==", + "dev": true + }, "node_modules/tmpl": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", @@ -24375,6 +24448,35 @@ "mime-types": "^2.1.12" } }, + "formik": { + "version": "2.2.9", + "resolved": "https://registry.npmjs.org/formik/-/formik-2.2.9.tgz", + "integrity": "sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==", + "dev": true, + "requires": { + "deepmerge": "^2.1.1", + "hoist-non-react-statics": "^3.3.0", + "lodash": "^4.17.21", + "lodash-es": "^4.17.21", + "react-fast-compare": "^2.0.1", + "tiny-warning": "^1.0.2", + "tslib": "^1.10.0" + }, + "dependencies": { + "deepmerge": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==", + "dev": true + }, + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + } + } + }, "forwarded": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", @@ -24721,6 +24823,23 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==" }, + "hoist-non-react-statics": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz", + "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==", + "dev": true, + "requires": { + "react-is": "^16.7.0" + }, + "dependencies": { + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "dev": true + } + } + }, "hoopy": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz", @@ -27000,6 +27119,12 @@ "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==" }, + "lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==", + "dev": true + }, "lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", @@ -29148,6 +29273,12 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==" }, + "react-fast-compare": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz", + "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==", + "dev": true + }, "react-is": { "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", @@ -30602,6 +30733,12 @@ "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==" }, + "tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==", + "dev": true + }, "tmpl": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz", diff --git a/package.json b/package.json index 6c77e46..e2973d0 100644 --- a/package.json +++ b/package.json @@ -41,6 +41,7 @@ ] }, "devDependencies": { + "formik": "^2.2.9", "node-sass": "^8.0.0", "sass": "^1.57.1", "scss": "^0.2.4" diff --git a/src/assets/img/facebook.png b/src/assets/img/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..14814c49c26f6bb48d4b184f7cb79a17ad6ab63d GIT binary patch literal 1719 zcmV;o21xmdP) z?u3H`Q6$B`5GDEh{UD0qAAle44u=E40X!oJ0!5pU(vQ3=*(!C~jFOh^1OLA#z#|6e z7(&DurE?e}hNuT7iOIR9bVEF8bcjxfAu{;kCzMWMq{D@Vc|a{`HW&=Fd&1Mx6JM_+ z1@I^>YeO!VxrBU7b)FOr|F_B8JlxR|!aaSr+6{2EnlogBwv-C_+5#OOA zs9-LHN%=u4@COzA2|dB%p<+Y_w|syEv}wuK7D_ZgLO8IDi_A}Jw^K|9$MQW#R# z5lr2gq&H=*+h}9Nru>D5R(_ix`!XXta|3Y>>Hm=O{w=zukQnh%{((`S--wj|v7-=j zxaIsEhMcdI_g~)mxi&`pg3q$sdqZ0m^ju@wyp!Ervv8DiG5aSUWjERvQW*3sF^rqR z_#n@^hD?bOyTWch$3cFECrBmP9SE`PRlCqIYCWZTy+;F3S$9$f-|HfM{3zoB1w#sB z1WynVXVvAG!bVbMoW^-U&atYnKFx&64$}v-RLSb!)MH05l5*XP?KLEHR;Mdl8=8 z66~|jP0Eq9MhaUP2JI8%+1c0+PfkvLVu?}q7@m>v4~>L|Ow0?(d?seeLBP#*kjiWw zq^%rI%rdk^#&?|6xf5J<)M9;+tzu&4m7}qtjRE2Y$m=Z^AuKp{fo@=hL%B9aV@FVT zVn7Ml`wkbx&`9DJ>;}5Dg_amqYWSpQ=uG8ZN!&$ZytJOXNQ{ODaI3WN_BymP6J$5d zQ{*?D86p2r_h?08g1m9uLx4Q{+|H7{eK-k2U` zsd&3YzIC`5uG3 zc~da_6^z7iE4A~+Sf-SPkl9*A=N2xqNG(kGrOryRz96+=eXEhV_#>TimaD-QgH=E09P5uWk!bab;dTvLLfpkUDXTs<2!KS(+3^C5dqgW)Wov$&#Yc1L+ZG zlb^aVo{r?Om0MVZQHBNqlRR z9l`{e#!hx5WjAUV8WUp?WPf~uiHXtThj65vG1k9L6Qf0GZH*WUhoBIvqnjEguFPcd zAm9C_w<@-b@4>C%X~sQmn540Uq|rJtF609gHW;KbPMKl(Jt~V~DrH@BO*SO%@f89)_4rvNIeBGvJ{SCLJdj{ZrL}&m2 N002ovPDHLkV1nt<9~%Gw literal 0 HcmV?d00001 diff --git a/src/assets/img/instagram.png b/src/assets/img/instagram.png new file mode 100644 index 0000000000000000000000000000000000000000..a3908a71e633b532804f1cf3a9890c954e8f9c20 GIT binary patch literal 2257 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 literal 0 HcmV?d00001 diff --git a/src/assets/img/pagseguro.png b/src/assets/img/paypal.png similarity index 100% rename from src/assets/img/pagseguro.png rename to src/assets/img/paypal.png diff --git a/src/assets/img/shape.png b/src/assets/img/shape.png deleted file mode 100644 index 37ef4f9dc06db038aaaec7d64b6bfcd176400c1b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 479 zcmV<50U-W~P);e_ZcsLWPEa;TI|<#OBRH9$+2HjoQq^kA`Ah(Rl7-~U`5w>l z4@4dSG~B+iEr#2pt)F=W)%+MJ4Hs??xhL>M=_t5WK2aA+%h@ODgVG6m&$8@vBZ@n% zpq|q3Dn_rXVN2TI+WBnN%W|UeZxe>q57>r-uXrDo5Pq2&dd&a)oI6W?z6dqWv@YFE z4~r@wA1TqhJLh~shmi(p1IaZh;om+(&p{fQ@C*oy?Nrpgs62tY;6Hr_<#2$a=-+((d${(`; Vh(E@`J4XNj002ovPDHLkV1l0H$7%oo diff --git a/src/assets/img/twitter.png b/src/assets/img/twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..330ad7e2059c700af8ab8fc5044d416e2482f031 GIT binary patch literal 2112 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

cIA%sU*NY0CxBQ0HnN{T1tDCQJR50Ov{*RSz# zUiEfd@o;%t&_RRxF+s_bdC|mZL47*MrR~^iQP}z zCbUl6hive84zkpQx0J*L1ye+6AbCJ2dLAQ3;`wX%O5VYT0WI3~LkP(O>@Y2@;c{#t-3W zIRh+yn^j1}u@fqG3mSmpE{L~|BOGp;A6B9x| zK*8B-g5^uVQ#^X%Jc_)3On)spByI9T8;ueZB5;8wcon@!fvgq-FgbG6mcU20}p*00000NkvXXu0mjf-)(q* literal 0 HcmV?d00001 diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index d791124..22dd2eb 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -1,9 +1,95 @@ import React from 'react'; +import { Formik, Form, Field } from 'formik'; +import styles from '../../styles/Footer.module.scss' +import facebook from '../../assets/img/facebook.png' +import instagram from '../../assets/img/instagram.png' +import twitter from '../../assets/img/twitter.png' +import youtube from '../../assets/img/youtube.png' +import linkedin from '../../assets/img/linkedin.png' +import mastercard 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 paypal from '../../assets/img/paypal.png' +import boleto from '../../assets/img/boleto.png' +import vtexpci from '../../assets/img/vtex-pci.png' +import vtex from '../../assets/img/vtex.png' +import m3 from '../../assets/img/m3.png' + const Footer = () => { return( -

Footer
+ ) } -export default Footer \ No newline at end of file +export default Footer diff --git a/src/styles/Footer.module.scss b/src/styles/Footer.module.scss index 1457087..b022694 100644 --- a/src/styles/Footer.module.scss +++ b/src/styles/Footer.module.scss @@ -1,3 +1,116 @@ -* { - padding: 0; +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap'); +@import 'variables.scss'; + +footer { + width: 100%; + + .footer__newsletter{ + display: flex; + align-items: center; + justify-content: center; + border-width: 1px 0px; + border-style: solid; + border-color: $black; + } + + .footer__top{ + display: flex; + justify-content: space-between; + padding: 50px 100px; + + .footer__infos{ + display: flex; + justify-content: space-between; + width: 55.23%; + + .footer__info-title{ + text-align: start; + margin-top: 0px; + } + + } + + .footer__info { + color: $black; + } + + .footer__redes{ + width: 16.80%; + .footer__container-rede{ + display: flex; + width: 100%; + + img { + width: 16.28%; + } + + p { + font-family: 'Roboto', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + } + } + } + } + + .footer__bottom{ + display: flex; + align-items: center; + background-color: $black; + color: $white; + font-family: 'Roboto', sans-serif; + font-style: normal; + font-size: 20px; + line-height: 23px; + justify-content: space-between; + padding: 0px 100px; + + .footer__text-bottom{ + width: 18.28%; + height: 24px; + font-style: normal; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + } + + .footer__container-bandeiras{ + display: flex; + width: 31.14%; + justify-content: space-between; + + .footer__line{ + border-left: 1px solid $white; + } + + img { + width: 10.12%; + } + } + + .footer__certificate{ + display: flex; + align-items: center; + justify-content: space-between; + width: 17.70%; + height: 16px; + + p { + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + } + + img { + width: 10%; + } + } + + } + } + +