From df96c57d9bf100c9abf373939561306fb222ea64 Mon Sep 17 00:00:00 2001 From: WillSimao Date: Tue, 17 Jan 2023 15:51:28 -0300 Subject: [PATCH] feat(main): Estiliza cards e CardsSelect --- react-ts/src/assets/images/AmericaCard.svg | 9 --- .../src/assets/images/AmericaCardMobile.svg | 9 --- react-ts/src/assets/images/AmericaEx.png | Bin 0 -> 6115 bytes react-ts/src/assets/images/Boleto.png | Bin 0 -> 2703 bytes react-ts/src/assets/images/Boleto.svg | 9 --- react-ts/src/assets/images/BoletoMobile.svg | 9 --- react-ts/src/assets/images/EloCard.png | Bin 0 -> 2951 bytes react-ts/src/assets/images/EloCard.svg | 9 --- react-ts/src/assets/images/EloCardMobile.svg | 9 --- react-ts/src/assets/images/HiperCard.png | Bin 0 -> 2901 bytes react-ts/src/assets/images/HiperCard.svg | 9 --- .../src/assets/images/HiperCardMobile.svg | 9 --- react-ts/src/assets/images/MasterCard.png | Bin 0 -> 2399 bytes react-ts/src/assets/images/MasterCard.svg | 9 --- .../src/assets/images/MasterCardMobile.svg | 9 --- react-ts/src/assets/images/MasterCardPNG.png | Bin 735 -> 0 bytes react-ts/src/assets/images/PayPal.png | Bin 0 -> 3175 bytes react-ts/src/assets/images/PayPal.svg | 9 --- react-ts/src/assets/images/PayPalMobile.svg | 9 --- react-ts/src/assets/images/VisaCard.png | Bin 0 -> 3337 bytes react-ts/src/assets/images/VisaCard.svg | 9 --- react-ts/src/assets/images/VisaCardMobile.svg | 9 --- react-ts/src/assets/images/vtex-pci.png | Bin 0 -> 6294 bytes react-ts/src/assets/images/vtex-pci.svg | 9 --- react-ts/src/assets/images/vtex-pciMobile.svg | 9 --- .../src/components/Cards/Entrega.module.scss | 24 +++++++ .../Cards/FormaDePagamento.module.scss | 23 ++++++ .../components/Cards/Seguranca.module.scss | 23 ++++++ .../src/components/Cards/Sobre.module.scss | 23 ++++++ .../src/components/Cards/Troca.module.scss | 23 ++++++ .../CardsSelect/CardsSelect.module.scss | 54 +++++++++++++- .../components/CardsSelect/CardsSelect.tsx | 67 ++++++++++++------ .../ContactForm/ContactForm.module.scss | 16 +++++ .../src/components/Footer/Footer.module.scss | 64 ++++++++++++++--- react-ts/src/components/Footer/Footer.tsx | 36 +++++----- .../FooterLinksAccordion.tsx | 2 +- .../MenuMobile/Component.module.scss | 15 +++- .../components/MenuMobile/ComponentMobile.tsx | 12 +++- .../src/components/MenuMobile/MenuMobile.tsx | 2 +- .../components/MenuMobile/useClickOutSide.tsx | 32 +++++++++ .../SocialMedia/SocialMedia.module.scss | 8 --- react-ts/src/main.tsx | 2 +- 42 files changed, 360 insertions(+), 210 deletions(-) delete mode 100644 react-ts/src/assets/images/AmericaCard.svg delete mode 100644 react-ts/src/assets/images/AmericaCardMobile.svg create mode 100644 react-ts/src/assets/images/AmericaEx.png create mode 100644 react-ts/src/assets/images/Boleto.png delete mode 100644 react-ts/src/assets/images/Boleto.svg delete mode 100644 react-ts/src/assets/images/BoletoMobile.svg create mode 100644 react-ts/src/assets/images/EloCard.png delete mode 100644 react-ts/src/assets/images/EloCard.svg delete mode 100644 react-ts/src/assets/images/EloCardMobile.svg create mode 100644 react-ts/src/assets/images/HiperCard.png delete mode 100644 react-ts/src/assets/images/HiperCard.svg delete mode 100644 react-ts/src/assets/images/HiperCardMobile.svg create mode 100644 react-ts/src/assets/images/MasterCard.png delete mode 100644 react-ts/src/assets/images/MasterCard.svg delete mode 100644 react-ts/src/assets/images/MasterCardMobile.svg delete mode 100644 react-ts/src/assets/images/MasterCardPNG.png create mode 100644 react-ts/src/assets/images/PayPal.png delete mode 100644 react-ts/src/assets/images/PayPal.svg delete mode 100644 react-ts/src/assets/images/PayPalMobile.svg create mode 100644 react-ts/src/assets/images/VisaCard.png delete mode 100644 react-ts/src/assets/images/VisaCard.svg delete mode 100644 react-ts/src/assets/images/VisaCardMobile.svg create mode 100644 react-ts/src/assets/images/vtex-pci.png delete mode 100644 react-ts/src/assets/images/vtex-pci.svg delete mode 100644 react-ts/src/assets/images/vtex-pciMobile.svg create mode 100644 react-ts/src/components/MenuMobile/useClickOutSide.tsx diff --git a/react-ts/src/assets/images/AmericaCard.svg b/react-ts/src/assets/images/AmericaCard.svg deleted file mode 100644 index 5956357..0000000 --- a/react-ts/src/assets/images/AmericaCard.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/AmericaCardMobile.svg b/react-ts/src/assets/images/AmericaCardMobile.svg deleted file mode 100644 index bbeb0c1..0000000 --- a/react-ts/src/assets/images/AmericaCardMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/AmericaEx.png b/react-ts/src/assets/images/AmericaEx.png new file mode 100644 index 0000000000000000000000000000000000000000..e07547cf4ca37d63dfb2e0fbe4f959c358bcc80b GIT binary patch literal 6115 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 literal 0 HcmV?d00001 diff --git a/react-ts/src/assets/images/Boleto.png b/react-ts/src/assets/images/Boleto.png new file mode 100644 index 0000000000000000000000000000000000000000..3a68969cb25f2899552c55d777315cd3e6fa7c57 GIT binary patch literal 2703 zcmbVOXE+;-8dWOMpfPIKo*%V?7)7kwwXPyY6rn}=P^%#tQk$Z*)QS-;qH6ohP^+p@ zO6}R&E22h4d)8qj899 z;Ztd!**y!rHE`Qo_iyK>eCG2k>xRM_#GYq>CK znYo)h5JKF1e7L3>PAc_Qma;@C>kS`e9`aN|G*qU0Rb*>>TX7`vrXMXBj*|rn3c6WU z+T}p`LPie#)NYI7@7WGhK8`Ero__ID)h{K+P>d`#H-ARHArP+QnU{FupJ1t@!I2S9 zD872?;YlQyRCnh4+Nh`~;=}~U3^V7izbCJc0gpTc-?HN2QGT9-wRNe!_ zR$bAl+1jW`9wyJpiPFZF%7r3WBXXGE5G&B3FcnTaYtn>B~fH^njM1gBO#bF)Br zv)@YenGD6j+<~DD{YRkfo=s0?q=9nQ(BOr1gH!0ypm5XqJI(3-$G%fa+Z0wwP&ygq zE21||yf}CK+(W;UmAdWdRpWstd{8Jql}eXaUX(xiS`f$-&4Z#+ zi(}KlEybfT9f-vH5pPA-X=UQ!M0w{mrrD3oz|u{4jP3o*=iVd_>Z7hn%t*EYlF|%5$WCCx={2PFKPH!W0f%4t8fZCrV;o3h27vEAK4^9P}+y(k}sL! zkq5&1@i0V%B|-txlRfO#Q@(P4Du%v3&ym(d0VUf){;YIk-jTwk>HMBJbT%kRuK z14kt3Q7w`D>G7J`hv(zAErBN=50;mgy3lrnH^P#FV8c<$d{=8m{3xkP0Yn+*JIvpP18@+1N{cHp-6g6lS z9X0dm)+6ttc??zgi6cSDbGT{nWaHOnU@owDJUMU@PQ30(h# zVl#L=P7h0zE0UMqB9NV)l|#25EscJ^vv2E!;o#?^ldtF!aovw01oo7@)hf)A1YM@I zyxjVws&_xcRkdL<#XjI!2pHSE*42BlztB3e=$7%tn$TlpXh_ECnGE^+$e5OcT={M% zg^kcQI34X^lMl+Q9fk@twVVw+L#h;o9MfKq+QRl}eg6d2SM)!SB~(^|Dt#+)HJxc( zpoz7TlJPkb!Ua`f-@Je~+kM!I4;a;l<0gwkgI9A3mj-$L86&rCJe&?^mEx+Z@{)}@ zFg;I211mblRZ;)&WM)Pl0z0EGG(1W9fL1e3;$0xqcRE)+Uu6i3)PTJSy?Ax{BY335 zso#KHLfNEeuIb0up;aFTg_~9nxU8&SK#>0|C zC1UKk)?C*pMx60ws5Q60GUF;kzDL3mBI5YyubeSt&QnNZwY5ioF>I`W>#**}KCyl0 z)>O+Q=AD_&Y(9Ao4vwWt`(6w-`NOU>gAzmnnbtR*jn~+Sw{=~Yy8$2TB~N@O=c11L za@^#@xsW4;ln>Okjv{b9-U1T~Jnl{G@yOYg{Md--uZjB1M-kFiG|?D$I0~wGN*L3~ z*1w~s7Dg6-XJ2)eA%Qq6getn?);jc>Kraof4sh}1B zY*GuDThin^+B{+N^de!O#sU%}62ABp^TPejv}zf}N<2Iwntj2uiQXb#^R`-#%OeLBA(A5;R!iv~Y^ZF7>=9y<6 zGEB$D8*Fbu1pq`_n?#kOIK}%C8~la@!>Wm--$yi%d4u3o0fE95fb`vDFGf&5LB(6Y zgVrAnBN2Sul|Zk%o=g2~5N4JVs6R`-+g7xmYmoK#^+TO+|I=g%_F$z<7|Skb(3rje nad>BC8K8xBOCD-K4u_dnju#|MSJ7Vnk2EHRmIgI?2+Y3${*WEo literal 0 HcmV?d00001 diff --git a/react-ts/src/assets/images/Boleto.svg b/react-ts/src/assets/images/Boleto.svg deleted file mode 100644 index 5d80109..0000000 --- a/react-ts/src/assets/images/Boleto.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/BoletoMobile.svg b/react-ts/src/assets/images/BoletoMobile.svg deleted file mode 100644 index 09e0e61..0000000 --- a/react-ts/src/assets/images/BoletoMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/EloCard.png b/react-ts/src/assets/images/EloCard.png new file mode 100644 index 0000000000000000000000000000000000000000..f8945cdb162e9eae2a739bac59725060626578d6 GIT binary patch literal 2951 zcmV;23wZR2P)&1!Us6u%~GDXoz~`#8Tz+jd7?KPmcVxM8H0%M~+yipKqAs z6+oxc;aNro;^N|v{5YAvW&;F&PoYr4*47rUxx1sWOJkUuzY_m4)Q~xag@uT@6@!!C ze~&9sQTX}pU1Voxqo}BeiB=k;(KyeaO-)VV_42JJhv$H>v6(QiP1SXx>_PRLHcAI@LE7ePUY zzH*g`ra(*7oQMX_PLKn#5%6|wES4=OHX3Uz2(SCj~ zF)@M22rnRwWnrPASiW=_^7HdiSI~&rv13Q9TmJ8Z{Qw5B!m-i?yT9kbLYPh zk%EGJe8z&QtCufB6oe9R`La)O^27;pD{BG^%t055I?2V=rki`1n26AQ`ynNgx09$16dxB~qlM|>Vm(Irjz-Hr7^e8_*|nRU zBM!B}m)p0qnyIg3W4Gi2QeIV);t}N5diCzj+e5^qA1>9JfC=olw{G4q(BwF7UyK-i7NjeHH~C0lzw=!zL$+1w4c3$119_XW6+SnaB*?r-FHeo z5+5Yu__1Ty@zqzz%F4oTW%!5!eEeZDtgQ;!2^Dy%)gb!11@`W>!{MvuC)UkWlG96pVCu^GzH&as<<6Oh=O@O-iRu(A<_5o-HtY-dr5{ z_i?y4ZH8*0Qq$GJH-Gxk1lATzJTfA7P6wL;^nFWN7TiE*LKhdz!i%Cahk%fi2a;~#cqecjiIEYrQTUX7cs!fnK zWfd|9Ph%%4LTroz$th;g>6PrEcrjm{xzS9hs=wpLwQDSTO+@sSD_9a3h&5$O za5Oz|;*=?sTA|*~2~WC@GPqBDF>+dZ^GNc3f&vNm*&_jnh%kZg7#EyAZ(lO46!T}N z@|Kb@XgZ@5NG4!jZk|yAX(Cb2-n~j+QzCx(QdH^wI$aUGyL85yb?Y#H!3X6&+q+L6 zZjr{w_xclbrWSl#$u1Pf@U;~Ro}CRWT(b!G zChi)Psfo}lD;8X<)nomphOn~K;Z}?(qN7dN_YkWiFQkCBw)UmgMzvCVM@P(@Jqtd= zhA|P%O7|misUxs+M+i=wh-4n|Wrbxu3M>t7nF1Aca=cOT2nu*ZLd?p2UNnRhFef*s zG{CX2ut5011LfamP1SF9evR<3aQw`=_m#QKU!%#-F>Ej`bPZe$S-g>1-DIeP8)#t8 z#Qrf)kA%D;D8h+thc9x_AlmX3xQp{sXXj)hgb`A>rurmR433AE(TPQC!CLna5s$sz_%z zHcRH8j1E9Wk%@|Zerh8P+@6caLN1)mC^DMTdw8^f6i6mut5&ZYjY8?~o7Zo^F6JhE zM~uXK@4Uk+{(buPg@c15luSHY$KX45ERG!imUkY?ib#jmm9eVv?~Z5Pf_AK4Sf+))twpq*f8sp}%$GCKJnWjRh=PgaHEw@TFt)Aop6b#xHo=Huz7P#OKuzWSzHT zZ?oFz5dOM*j~?jOy*nZ!BQbmW4A>qBLblr%F9=|ETwqa z;!d(CS65fwK(1)qr9U+>Q^8eZ$n+kt;WLSeR@JL}-1zZWymSeqK=Rc|{u3wR+}X2` zE9AEKg@^tA#=sJWjTkQ6f|2Ur<<%0ew`v8ckX*pQEK+RTxH04iU3e2FPlQIJfmBE? zAdO#h7c7va6?(L2QJShqg%C5dhch?o>E#7Ep;oK$(c(bKN@yhrAs|JDivmBEl@$&g zJeU^;q(+$4NnN{j!}OW&%R)rz{7aQK{2HOw2hN!{kCn>?3N0elVK;3FF4rlM5}^d7 zXm089&-heA5z!Uuur??NZ?tIxQ4ns4HC0=dvz8GRx;kr47O70o@G zV_#UPF!>=B&I3RB1pd>e3Ach+*!#p#yD9S2DfkQ>D(RR=0ZY)vjqn}gC*<;PVFe`A z8Z}n0`v-TaDplRKF6pA_)VVWu@7s%>y?R1agch&_TCBPMKo~lDd)J8-P_OdS70VIw z^-j1pX#$av)$Jy!rF8z>Ic(V+%x7lTq-&*PS+h3Pm~mqGr;xudM(xl$se#2Ka+IQ%{?-M#;&_LPUidmKdmZhMe05LH!_|NGxh`M+YckbLl zP6fAIE`g@)Q(!{5X4kG=(Uq0MoEwUJJIR+JdjZQrmZ?ooH+s`^Yg-#Mb$92BM9p5Y xo1UlR6@c8RgQFvV{9Y&-IK;VoTRqhw<$r`^bE - - - - - - - - diff --git a/react-ts/src/assets/images/EloCardMobile.svg b/react-ts/src/assets/images/EloCardMobile.svg deleted file mode 100644 index 623678a..0000000 --- a/react-ts/src/assets/images/EloCardMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/HiperCard.png b/react-ts/src/assets/images/HiperCard.png new file mode 100644 index 0000000000000000000000000000000000000000..dd3f15d9a8a9dcd9862d8504ba75ae2b8aff8c86 GIT binary patch literal 2901 zcmV-b3##;qP)gYmq!1dW!*r5#DAV+yZPFB)h8YU&G;OCz zNiU`;f!b+@Bn~iy1Ou*X4uioMQOqK#wejs!kEAX`M`^9kVqQKSm`Ay5fa8U+Lf1cXndDLlqN+@Pq^eil7nIb?Fl1 zO6mJChWYa#QwA;tf<{#LwL(Y$j0@*O3KxO7)Xn-H~TCFGjW3Ym7Pd_IG zVjw6)nXeW?a5@LyCq2IdOV4D(G)$%nu71ovdb(nFv+DT3${Mq(=M4IdD5q!`<(Mnq;lB#|EWNOYM^2>@vezT1M@Bw=7dB z5T29-)dUl4mDT8LX`^|PL#_>joF>lMX@)LkCYNv@@oor}#Ep4m*^l2r{yGPE1&=CjyuY z{RNb9Njk(rP>8ZzFZK-(X`~R4088;Lnz(M}Vqir~=5g9t(|H?nK_Mq*#pPTy9?L}8 z-hIf(JxgBJj$WF4Wq3FYq@KDiUP9s4Z%{v7h<$c5l6Srcr`ZBmcQ;MS!>IeqVU)i5 zI;QP>0rA_m!dz6ulX+uS7L9QYQ(xLe6Rv`-ss{Sh6dLC>w4FMG<#}g$p}4=J6Na?8 za9S)VdSNHJ@-AXU{&}?L<-w3Lo9;0N1)H}bcH;(2{_+MYk=1je_4FAtNM=Z02refg z(-%Q3h)z@=EpqKu)q`s&O=2PxS}lz8=3&)M3Jv5z94`^nECkkuxAb30P@??de7jj)uIVD1~g#MSLP(Dwcb-bc!T*OC0<^QidQ zeiA6D2%9t!&HFw?!N#v4>XFr0{I5)u?>~UbeFq>{sJQ@;(|s|I$eFzWLT^8Ls|>n1 zvygG&6E3TJo0_4FFd`x?4VRwS0DEN(W*^*#gy+7F{B>W1<;o4P>iYCOKSJE5P28j9 zsxW>(3N0B|+B}E_(TVCNs~;Mk^b~p+>JI-6&F>u_yv}l0%C8T=NR!HP*MxOz`E~P+ zBIst#fmo_A~n1{3$;R@lM@z6BFB)H%Ex5h&(8LmTIi;GJiheRz39Eu z1cgD5_-8hw_R!ntx$4Qo>^Y27bT!kukr{v&n)oMq$vxl(7sA|Hy*OE%+sSnMQ?0$Bq)obI_ET33p#V zj1Mi~Va!5;Xwv#8`Rk5P&++!rpI=RrujdBj?T4N8DRamuj?jJh`VNZ|SGkJsQ9}|c zvo^MVVg*`TNts`}a3YCWTu071Zkd`X@vsp|u5JsD`HuQ}^pOaV50qabGCYadT2%#k zm>O-T&*08me;zTuo;-sI6bpGK1G8+IN<|x&b$%oWHVb)qv;n%le{#=L&QP)vym(x;M zH27Yj(ZE2~+Sk&G-nMqXwrruxV7YmV|D85*3VP@@%VCDpRPwZr!JjQCA`K)Co+TMy zg06EH_@=8SDS_6OzO@=_%XWl~3p{&2tSHRy$>mvqh9|~x!{OJMprJ8Mix;D}t{%2q zrTn^bax`MregU@X8o2Ea9tO=tH+>Y zVg=&1ZH6k!ge&VQVYhaYn7D<6En8?&?LyCuVxBvq*R0}-FfwB)Ty{H!%_=ZEw37!i z@e%v-4<@Hv(n_&k6*GZU)i&Jx!ETtAE`e#~a+3Qu zQ1aa$!d_03PkE*}JDaRopxiQ>SErf9cjV-tEB_L$X(rLStOD(yob%*La-NotvZ2x& zco+^(N+fw+MS15uI?kSlLKlw6htqj(D}7}T<-L9`h#a-`P{mF}`{|GQYlgo1Mhc-d zlv}63n7)ui&}}sQ{U{HWZSS)m2YQ}QLt%Xyg;g9vX}D4pZqTh z!id~3>SqJ5rH!8+c&j!iBVmw9y)- zqhI2lBvSH$Bq4Z^esLHgkcbKqNJNDQB%(qD5>X)niKq~PL{x}CA}U1SCCUj2V;Wwf${=AZ zL+}!n1qovr=LbuURPTF-PFo>itbzTHD(n6WN%|RB - - - - - - - - diff --git a/react-ts/src/assets/images/HiperCardMobile.svg b/react-ts/src/assets/images/HiperCardMobile.svg deleted file mode 100644 index 6b0ba29..0000000 --- a/react-ts/src/assets/images/HiperCardMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/MasterCard.png b/react-ts/src/assets/images/MasterCard.png new file mode 100644 index 0000000000000000000000000000000000000000..774e581ecfef0c23b3f0657aad4e52911f1a7ade GIT binary patch literal 2399 zcmV-l3840gP)x$}00009a7bBm001F4 z001F40Y#QEU;qFB0drDELIAGL9O(c600d`2O+f$vv5yP$2leDQ#6!&xD(xgdGj3h2GNqde~ zb54y5_B64zsi#d$sy1q(QEZ5~5CIj0Ad4&yc-zeF?+v1HLEe)aW?r4oIm0aP&b&MG zy}$eW-DMttfq}tykMQjs##kz?qF|s`P6&cfcTF@BYyqvZX|cjUubigk2aLkU@k&$YF>Uf*7KOAcklmh#^`C z5)x6Pa=8k=FHb``dk#wBMX>rh2oaGG6CDtf5@EW31a0>W=vvHO3+5~ayK)Mwv6S|! z;4iyEL;?hRFNoboLJ03o9ee`xihf1&`r!FsFWj4VKtA*ZJ>aH0Bo-hI9SF4!xlkC+f!9N2^KD3EqG0 zNAvS5A?Ke(un3Wnuq~Yf+mhLUBtfakgPivoS?eLXQ8}nE;LV#1OG@+g1B{}r{AzNP3ObGg-^n## zwZZ#Zo@g$b_rn8lZ`=wVh}}F08(n|Pae)Lg6QFy4(!0&IKMQRn&aA@IJIcQ_H zjzy(+i>9J^Hf{qitb?8HrV(pB5E{MU0c$9thWa6Bfo7t~1x4`X=79?oFQ^>DZ8%Wg)j3Of;pu0=y6-g6LC}{Y`)%`yktbF|ej@(Aj7v8mp)VF9d6l4QH80 zL%Rjmd=H5Rk>hw(VD9WYLC|2_O*7Gi_*n3Qxq`e6Ndh-$;Iy;ROf;#d1H4e2L5$^^ z1TZtd+ZOEc=xnqTZ4AFj&Av)Yz-g6;z|*#e5EgfDiDpV0OE(+_9>^pba|PyGlxQ1x zA;hK8pU!`T+F4q1Ur3`kSsN4JDGHzfkgiHBpMv5?>iuJAfp*a&MP1gpPk|Ti{K$5r zNIAv^X5}-NNr>zZ(J=v9plOG(IU`-2{>B5j#sbf|J6I7}ncTYzcp(j0q}en(O+^#z zHrQTWMx{0!JZSzrs!iV}_X-E&6oiP5bV!L0sZ;Z`K=YAn^MtXmEt>}(C`}R?4@BQm zO|nQce0{os3tw>uygs7n~4Sim- z(7r8nDOxK^(M5Q6e+cjUd*D0v74=u$etw5|UlKJRCc!dm223M|-u_~~M#vX-Ln-|y zl*-RlF>i+u))NAWB=wmNvB&+;Bf1vt+xRU`&O1Zv1{!#DQ*~;B5D`J`r2)6TCDZQ3 zWU%_ema#BZJn|AIJNc^=UA`rAGa)0I!FB#`-UMxI49@r6EmXjfvwerU)(YK-cEdxs zi|6sm%fCZuX=&TnZ0|b*Oz&Sl`1@{XiRN#D=AS%??OV5@rm6~Ic02m^yAQd?j$_#H z;h4W@A&QHNR6)$tB#4TNLe~6wC@d_*=09#yC)P~+>2z4ERvbQb5SJ?|kTE3_lQS}~ ze%%}Rx}X4K#*RhSg8AxxU0p5AW;33A>S?Tb{dIg(UXIC`nV9;cA7XWOHpFXDsX4=a?+ZY{k-L zY~7l*%;)p5Cuh!N7tWt&kI#676&Dw?hK2_A7;T^X`W#z4e*xRNt#E4nwP1QGnk?%Oe=IzJ@!gW zgeZzg?w^c4eUcza5@KSy!{hbBC(B5r&m$;OjB~`P=@%|pjGCHiy!_&C@z(nF>bd@N z{8nT#nNVI{hO*L2_{+{eW59p`*J|5d2?=W2+S)pd8a-Ow?$Wg@D#@DsmgV2~AHSZj z1ogVrRn?TAXoOQ9)VxGSLQ8c0>jq{LVEp(8@X`w}(nE{EmnT|YI^6f~edrO}1J)5% z6r4Sy9&_}J$L0+ikv4H6GN(+zZ - - - - - - - - diff --git a/react-ts/src/assets/images/MasterCardMobile.svg b/react-ts/src/assets/images/MasterCardMobile.svg deleted file mode 100644 index eb98d23..0000000 --- a/react-ts/src/assets/images/MasterCardMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/MasterCardPNG.png b/react-ts/src/assets/images/MasterCardPNG.png deleted file mode 100644 index 792a73b83dd0c710d575ac6d263dde86117c7fc6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 735 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 D{@wpa literal 0 HcmV?d00001 diff --git a/react-ts/src/assets/images/PayPal.svg b/react-ts/src/assets/images/PayPal.svg deleted file mode 100644 index 3c14215..0000000 --- a/react-ts/src/assets/images/PayPal.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/PayPalMobile.svg b/react-ts/src/assets/images/PayPalMobile.svg deleted file mode 100644 index 9550baf..0000000 --- a/react-ts/src/assets/images/PayPalMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/VisaCard.png b/react-ts/src/assets/images/VisaCard.png new file mode 100644 index 0000000000000000000000000000000000000000..7c4567cef4079c7b187e78f4a03388cd5f80f61d GIT binary patch literal 3337 zcmV+k4fgVhP)U48s zEP_Y@K^Da#A_yuG$exgmEF>gk-`@*KUS7X*@7wOZ?>!-#c{BHyxt@0~=Y03v^E>B! z+YyiNui^AXdIf*LKL5ZZOcb%t}-a6`#V%Rw!dy;G)v5l!rhj%0nO%!acBdisnQ85xzd4e;jq;;e$KHF!iCge@OD>zCLR1nh1x0;o%1|vGbXAP%7PLRF0j@$FqMp424Q5kTo=9#_5Ak zAt@mY2ICMi*SrSPsF|z72Acg1QNK>Svkj^G2#MVK#xDGO|5cniUk&4+32G+a)?fZz zCi)7sN(FsjW};N|k#D^I z3!2d;6cpCt%-MV#{@`nFmUBed27s^MKVZb$d(I*uJ{%7{nCVvb{v+RT@@-^WWG!11 z%aO!TUe$`BVG}fJrR5z8Zm|5+YUt;N3FJ{?6feGZ4tqW*gf~qnCQq#rPZl%(UDS70 zzqGm?hT9`<`}x+vGVDK91+_wH<%fr*EUD_kL}A=IO08C5@uIo-?aqgB>EbJR%oL?yx zjL-^OyKOHHoG2oalmeOVN=DY~NG)7plveWIlNFZT*}2TJnr^P&6M+deCKzcO)@9<8 zlP_S-tWXFB+k)!r&D<( zsBP?YkY|_a^fL36B7*%97VP?r&zVaNXzMb#mD$o^Kx>x~6M>1*bRzirc;ShyIe6j4 z1D0*TPF7264_e!L5fvFEY1h+h#IcX^_#0mJ@MA}RKiigV(``&Y7M3tiJQj+c`WBkX6G&R3utt^ZJ1)rpC~q&mF!W~De$(m-Wplca7*StE){8zClk zgjUIxjmrde^U084gbQVx5f`fyY*)s?Avn_=m-23MD|;+x?J(l(Hw{9W^vcyMVi6w` z=+Ga&yx!P{At%1x-C|OSTDmmJ>3~#LH%p!!Jdz8Q<1Dpc!MqqU5TXUoib|cY$gIV4 z1owe~7N=Dtv#PcY>$ks;n)r?#&YJRTezCLijSL?(+4%uf;Og5>xx z2SS{qbN9@`=wXu<2Jv@zOsplCwStcgQbmMa_*KiM*xr!np~VH9s7KA|r&oBd@$2 zVxGJ8zj|tZzNb4n$ zUsBzLF{(rxCOvw-VtFz~CEmFiWfhIwueOdpe0IJR(!n#~@t-V{$SdX?UFlb6i1e5h zE3*>t?%y6pWT;lCFU4CF{oQEp!RBXh0-2K$YJOlEYrLfSo% zIJ$cao_ur(Me)7i%o4PsyW5CA|Koy0#=hg^;ELjdtkv3;ae`;*i8_hQzJX!XHIL7r zm~^6IqC+q{hDD%-gHlvnPtouZd~ht6ujnx7%p~9XXqH443q6%yYl3)?P2^L}jt+9$ zk3g*tp84qt9DDmQYgk4X4A5Z`OB)vIS7s^7$V*s)}R-nLHn=D#~k2~j$o7Kw=# zAIFuMYI%O&sto9Y{GC>*sJtbV!EtQH;*3~9z5g7@#V>aq#ns|Qm!vf`_2A`yotGvM zN#=|IFC@+3x6*fMHEA4O2bZ09ZJ;o)epJ+TW2~5xt&d^Zk|dN}v-(c^{vo!A_^AnfJL;Q=FUGR}1U8h`Ca!5)9DHKwl&#*i-Lpg;{+qrVpB0y6Nh{7nf@I z21?604$Bz}@t|vIHSOAQFDGm7(PDCFM9m@=Z0lcJ%U89)g-qhvO+RW(Xq_4s4iF5Bl*B!f3FtYHCua8mVAg7m^I%2Tzr z_mfW4NZz5a-82Em0?VVOQU6v~-RwH9uu5 ziXn5U9-p5trpcue9xJ1A)5hg4Q{QYm%e`6yBRQVdZHqN!Tg!qpAyH|`k=VF?AuigR?9NR4lW$G7@2NUtJTP))cxiMGLVxcbX?!spGO4pK9TL%8AKf>Ts1lGfa2bbDyV6%>|%_?(I#V3J`p4#8k>ZlVTKdR(J%K5rON9i9CWBH4Bp ztn+tCFxv*JYTG#-)z?3S0eZg|krNu?kNDXvH4)DFbCUOg9RM}JnOOdC=eMs|7Odr> z{31&uz)y2W?Zuc - - - - - - - - diff --git a/react-ts/src/assets/images/VisaCardMobile.svg b/react-ts/src/assets/images/VisaCardMobile.svg deleted file mode 100644 index aa2346a..0000000 --- a/react-ts/src/assets/images/VisaCardMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/vtex-pci.png b/react-ts/src/assets/images/vtex-pci.png new file mode 100644 index 0000000000000000000000000000000000000000..4dce99442d47a38e53316aadbb8e5e32bd77810a GIT binary patch literal 6294 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 literal 0 HcmV?d00001 diff --git a/react-ts/src/assets/images/vtex-pci.svg b/react-ts/src/assets/images/vtex-pci.svg deleted file mode 100644 index d2d6925..0000000 --- a/react-ts/src/assets/images/vtex-pci.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/assets/images/vtex-pciMobile.svg b/react-ts/src/assets/images/vtex-pciMobile.svg deleted file mode 100644 index 23acac6..0000000 --- a/react-ts/src/assets/images/vtex-pciMobile.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/react-ts/src/components/Cards/Entrega.module.scss b/react-ts/src/components/Cards/Entrega.module.scss index 8ecef2b..d56ffc8 100644 --- a/react-ts/src/components/Cards/Entrega.module.scss +++ b/react-ts/src/components/Cards/Entrega.module.scss @@ -25,4 +25,28 @@ color: $color-grey4; } } +} + +@media only screen and (max-width: 1024px) { + .container { + &__h1 { + text-align: center; + margin-top: 30px; + } + } +} + +@media only screen and (min-width: 2500px) { + .container { + &__h1 { + line-height: 56px; + font-size: 48px; + } + &__p { + p { + font-size: 26px; + line-height: 30px; + } + } + } } \ No newline at end of file diff --git a/react-ts/src/components/Cards/FormaDePagamento.module.scss b/react-ts/src/components/Cards/FormaDePagamento.module.scss index 8ecef2b..ae5db4b 100644 --- a/react-ts/src/components/Cards/FormaDePagamento.module.scss +++ b/react-ts/src/components/Cards/FormaDePagamento.module.scss @@ -25,4 +25,27 @@ color: $color-grey4; } } +} + +@media only screen and (max-width: 1024px) { + .container { + &__h1 { + text-align: center; + margin-top: 30px; + } + } +} +@media only screen and (min-width: 2500px) { + .container { + &__h1 { + line-height: 56px; + font-size: 48px; + } + &__p { + p { + font-size: 26px; + line-height: 30px; + } + } + } } \ No newline at end of file diff --git a/react-ts/src/components/Cards/Seguranca.module.scss b/react-ts/src/components/Cards/Seguranca.module.scss index 8ecef2b..ae5db4b 100644 --- a/react-ts/src/components/Cards/Seguranca.module.scss +++ b/react-ts/src/components/Cards/Seguranca.module.scss @@ -25,4 +25,27 @@ color: $color-grey4; } } +} + +@media only screen and (max-width: 1024px) { + .container { + &__h1 { + text-align: center; + margin-top: 30px; + } + } +} +@media only screen and (min-width: 2500px) { + .container { + &__h1 { + line-height: 56px; + font-size: 48px; + } + &__p { + p { + font-size: 26px; + line-height: 30px; + } + } + } } \ No newline at end of file diff --git a/react-ts/src/components/Cards/Sobre.module.scss b/react-ts/src/components/Cards/Sobre.module.scss index 8ecef2b..ae5db4b 100644 --- a/react-ts/src/components/Cards/Sobre.module.scss +++ b/react-ts/src/components/Cards/Sobre.module.scss @@ -25,4 +25,27 @@ color: $color-grey4; } } +} + +@media only screen and (max-width: 1024px) { + .container { + &__h1 { + text-align: center; + margin-top: 30px; + } + } +} +@media only screen and (min-width: 2500px) { + .container { + &__h1 { + line-height: 56px; + font-size: 48px; + } + &__p { + p { + font-size: 26px; + line-height: 30px; + } + } + } } \ No newline at end of file diff --git a/react-ts/src/components/Cards/Troca.module.scss b/react-ts/src/components/Cards/Troca.module.scss index 8ecef2b..b781549 100644 --- a/react-ts/src/components/Cards/Troca.module.scss +++ b/react-ts/src/components/Cards/Troca.module.scss @@ -25,4 +25,27 @@ color: $color-grey4; } } +} + +@media only screen and (max-width: 1024px) { + .container { + &__h1 { + text-align: center; + margin-top: 30px; + } + } +} +@media only screen and (min-width: 2500px) { + .container { + &__h1 { + font-size: 48px; + line-height: 56px; + } + &__p { + p { + font-size: 26px; + line-height: 30px; + } + } + } } \ No newline at end of file diff --git a/react-ts/src/components/CardsSelect/CardsSelect.module.scss b/react-ts/src/components/CardsSelect/CardsSelect.module.scss index d025867..8ed5751 100644 --- a/react-ts/src/components/CardsSelect/CardsSelect.module.scss +++ b/react-ts/src/components/CardsSelect/CardsSelect.module.scss @@ -30,7 +30,8 @@ display: flex; flex-direction: column; width: 100%; - button { + &__component { + background-color: transparent; max-width: 302px; height: 39px; border: none; @@ -62,4 +63,53 @@ color: $color-white1; } } -} \ No newline at end of file +} + +@media only screen and (max-width: 1024px) { + .container { + padding: 0 16px; + &__wrapper { + flex-direction: column; + &__button { + max-width: unset; + border-right: none; + height: 224px; + &__wrapper { + flex-direction: column; + width: 100%; + button { + max-width: unset; + width: 100%; + } + } + } + &__cards { + margin-left: unset; + } + } + } +} + +@media only screen and (min-width: 2500px) { + + .container { + &__h1 { + font-size: 48px; + line-height: 56px; + } + &__wrapper { + &__button { + max-width: 590px; + height: 465px; + &__wrapper { + &__component { + max-width: 590px; + height: 58px; + font-size: 32px; + line-height: 38px; + } + } + } + } + } +} \ No newline at end of file diff --git a/react-ts/src/components/CardsSelect/CardsSelect.tsx b/react-ts/src/components/CardsSelect/CardsSelect.tsx index 4eb5ff3..abba691 100644 --- a/react-ts/src/components/CardsSelect/CardsSelect.tsx +++ b/react-ts/src/components/CardsSelect/CardsSelect.tsx @@ -8,37 +8,64 @@ import Troca from '../Cards/Troca'; import Seguranca from '../Cards/Seguranca'; import ContactForm from '../ContactForm/ContactForm'; -const CardSelect = () => { +const buttonToRender = [ + { + label : 'Sobre', + id : 0, + }, + { + label : 'Forma de Pagamento', + id : 1, + }, + { + label : 'Entrega', + id : 2, + }, + { + label : 'Troca e Devolução', + id : 3, + }, + { + label : 'Segurança e Privacidade', + id : 4, + }, + { + label : 'Contato', + id : 5, + } +] - const [render, setRender] = useState ("Sobre"); - + const CardSelect = () => { + + const [render, setRender] = useState ("Sobre"); + + const button = () => { + return buttonToRender.map(( + button + ) => ( + + ) ) + } return ( -
+

institucional

- - - - - - + {button()}
-
- {render === "Sobre" && } - {render === "Forma de Pagamento" && } - {render === "Entrega" && } - {render === "Troca e Devolução" && } - {render === "Segurança e Privacidade" && } - {render === "Contato" && } -
+
+ {render === "Sobre" && } + {render === "Forma de Pagamento" && } + {render === "Entrega" && } + {render === "Troca e Devolução" && } + {render === "Segurança e Privacidade" && } + {render === "Contato" && }
- - +
)} export default CardSelect; diff --git a/react-ts/src/components/ContactForm/ContactForm.module.scss b/react-ts/src/components/ContactForm/ContactForm.module.scss index e7eacc2..cc90214 100644 --- a/react-ts/src/components/ContactForm/ContactForm.module.scss +++ b/react-ts/src/components/ContactForm/ContactForm.module.scss @@ -129,11 +129,26 @@ border-color: $color-red1; } } +@media only screen and (min-width: 375px) { + .container { + &__checkbox { + max-width: 992px; + &__errorCheck { + right: 92px !important; + top: 17px + } + } + } +} + @media only screen and (max-width: 1024px) { .container { max-width: 992px; &__form { + max-width: 992px; + width: 100%; + margin-top: 30px; &__title { text-align: center; } @@ -166,6 +181,7 @@ max-width: 1680px; width: 100%; &__form { + max-width: 1680px; &__title { font-size: 48px; line-height: 56px; diff --git a/react-ts/src/components/Footer/Footer.module.scss b/react-ts/src/components/Footer/Footer.module.scss index b58a84f..20d5f97 100644 --- a/react-ts/src/components/Footer/Footer.module.scss +++ b/react-ts/src/components/Footer/Footer.module.scss @@ -21,10 +21,17 @@ &__payments { display: flex; column-gap: 12px; + align-items: center; + &__row { + border-right: 1px solid $color-grey1; + height: 25px; + } img { - &:nth-child(8) { - border-left: 1px solid $color-grey1; - padding-left: 12px; + height: 20px; + width: 36px; + &:nth-child(9) { + width: 54.61px; + height: 34px; } } } @@ -48,6 +55,46 @@ } } +@media only screen and (max-width: 1024px) { + .footer { + &__container { + display: flex; + align-items: unset; + justify-content: unset; + flex-direction: column; + row-gap: 15px; + &__text { + display: flex; + order: 2; + } + + &__text2 { + order: 3; + } + &__payments { + column-gap: 11px; + img { + width: 30px; + height: 17px; + &:nth-child(9) { + width: 45px; + height: 28px; + } + } + } + } + &__contact { + display: flex; + flex-direction: column; + row-gap: 5px; + position: absolute; + right: 16px; + margin-top: 12px; + } + } +} + + @media only screen and (max-width: 1024px) { .footer { padding: 15px 16px; @@ -63,9 +110,6 @@ display: flex; order: 2; } - &__payments{ - display: none; - } &__text2 { order: 3; } @@ -94,9 +138,11 @@ display: flex; column-gap: 12px; img { - &:nth-child(8) { - border-left: 1px solid $color-grey1; - padding-left: 12px; + width: 70px; + height: 39.27px; + &:nth-child(9) { + width: 106px; + height: 66px; } } } diff --git a/react-ts/src/components/Footer/Footer.tsx b/react-ts/src/components/Footer/Footer.tsx index 544ba7a..cd60efe 100644 --- a/react-ts/src/components/Footer/Footer.tsx +++ b/react-ts/src/components/Footer/Footer.tsx @@ -2,16 +2,16 @@ import styles from './Footer.module.scss'; import ScrollTop from '../ScrollTop/ScrollTop'; import Whatsap from '../Whatsapp/WhatsApp'; -import FooterCardsMobile from './FooterCardsMobile'; -import MasterCard from '../../assets/images/MasterCard.svg'; -import VisaCard from '../../assets/images/VisaCard.svg'; -import AmericaCard from '../../assets/images/AmericaCard.svg'; -import EloCard from '../../assets/images/EloCard.svg'; -import HiperCard from '../../assets/images/HiperCard.svg'; -import PayPal from '../../assets/images/PayPal.svg'; -import Boleto from '../../assets/images/Boleto.svg'; -import VtexPci from '../../assets/images/vtex-pci.svg'; + +import MasterCard from '../../assets/images/MasterCard.png'; +import VisaCard from '../../assets/images/VisaCard.png'; +import AmericaCard from '../../assets/images/AmericaEx.png'; +import EloCard from '../../assets/images/EloCard.png'; +import HiperCard from '../../assets/images/HiperCard.png'; +import PayPal from '../../assets/images/PayPal.png'; +import Boleto from '../../assets/images/Boleto.png'; +import VtexPci from '../../assets/images/vtex-pci.png'; import Vtex from '../../assets/images/vtex.svg'; import M3 from '../../assets/images/M3.svg'; @@ -19,20 +19,20 @@ const Footer = () => { return (