From 69aa562b16be02c194a9d9bc24db85ecd83da6df Mon Sep 17 00:00:00 2001 From: Rafael Sampaio Date: Tue, 3 Jan 2023 08:58:14 -0300 Subject: [PATCH] feat: cria footer top 1280px --- src/assets/images/facebook.png | Bin 0 -> 1621 bytes src/assets/images/instagram.png | Bin 0 -> 2142 bytes src/assets/images/linkedIn.png | Bin 0 -> 1730 bytes src/assets/images/twitter.png | Bin 0 -> 2025 bytes src/assets/images/youTube.png | Bin 0 -> 1835 bytes .../FooterBottom/styles.module.scss | 2 +- src/components/FooterTop/index.tsx | 92 +++++++++++++++++- src/components/FooterTop/styles.module.scss | 74 ++++++++++++++ src/styles/global.scss | 1 + 9 files changed, 167 insertions(+), 2 deletions(-) create mode 100644 src/assets/images/facebook.png create mode 100644 src/assets/images/instagram.png create mode 100644 src/assets/images/linkedIn.png create mode 100644 src/assets/images/twitter.png create mode 100644 src/assets/images/youTube.png diff --git a/src/assets/images/facebook.png b/src/assets/images/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..6169d7f02519cec33a4b2ef125b099e71fe1dafa GIT binary patch literal 1621 zcmV-b2CDgqP)hEHJT1fr{asY0K?^a(Rmd)R6O6JC4w3eLxdQl zghVCD5(#%r8&7Gx-%=Q%oTMp*PfgmOt%;#Ba^YBQiW*dwh8ao2l%(MsI)IS$kwWZA z!etn3D?PP|5lb_cLKR_x^ld#M07Po}1;w5u6DrH^sEJy{NFn~ltN-C5q41$g6IzA} zwPqE*sZ+L%iII%&k=JdO3~ul~V+T;8;+DeIrsQlyObIErPG+IdMtRSw5|m_;P#EqS zDGVvo5NR1*7z+1Nr&3f(3_WCye48?*%s*fcK;@qz?UuOUHs`9$K%7-Plr7BOlER>} z#&pmoo9lF2cHd9F3*z4Yp`sJY=mvX+$H&LnU@(ZV-W9+ob!*Ev1^qm zL~r@BOuDCAV=kA~FMmCinM!V;q`!_ko9AW`QR zOpH;HCt^sQ*j#Iq**Y;KnMFgRK)G`_q5H<3Yd0;c`?ESXOw5{PAP1@oYhX~{!|lUw zwJh3&CVADy6iqYiGPWA1s(Pl5$h9$gf_(>J(J~6UKBjW|WCvjp04HKRI1%H)xnyLr z2wt?)b~__O1vxC2%LIOFHKO}w1@}CoWfaUz+H>SH{)G;$65}H}?TvWx6wnYDb-o&Q z&^G)6#|Q1QtcbA{iH-qU7#2*-gNlrBe8_c+ic~4W@j(;waONA2z>z@eYMdzUax5}G zMoY~*91rw(RKhn0#wYQDEtO3KdjTW%e=j)jY(dL<8Hk^4(UCjr*1bOM?5 zi&S*H@ND$*t_q6QT-i;TjOBNgKS*j#PGBG%9#bF%djY8 zh)P6A=c)MEw0F*`$7(o3`lX@HyzWkk(Qv;1V(|LSsy>RHF~$O~?b1WY73<#tXL?a- T&P?-R00000NkvXXu0mjfOIi1% literal 0 HcmV?d00001 diff --git a/src/assets/images/instagram.png b/src/assets/images/instagram.png new file mode 100644 index 0000000000000000000000000000000000000000..c599a3f7be7b47f5ce60b8be66875414b0f0f577 GIT binary patch literal 2142 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 YcYf|{ye5GL+yDRo07*qoM6N<$f_k+RfdBvi literal 0 HcmV?d00001 diff --git a/src/assets/images/twitter.png b/src/assets/images/twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..4b0f20b6bf279e02be0adb7ce8641758513d6c91 GIT binary patch literal 2025 zcmVZXgl0y8VHX9ZTOIa5VhfteMIvH~;ROeJ{*#&qf8tiXAX zc(g$f{DYEwPVPA{MG^$T%l8BD=n3|S8G$!cUQto<8}i$RrgAT3C;MM^1ndbDj0oak zN}F>kOBfQS7zQRPrLut`N@FC9LJScS(dLRugmJ+HeIkN32#lb_5Fs%PAqxA2rm`Y} zJ|Pf-5F-+Djb=h}RY>Lc?PN0fw%u<3w=2!(^WV9xhldANy_r>1L;D(m2pU8T5u#uS ziE65)Qa%qgo?^V;P`N}sNePwrLu^oQVyKVYIaV8=L1k&!kTfJD4PP((|Zc>1l+bIe1OSzSFsXeb;zZNpz4^$hPbn z#-{8gKJh_iwyv z4ZcoMS)lmBd3!C#3pnvK5~CbNu6(SvvF<}4HjX_a$0k*CIT4kF>Xy6>6GCN0Kks;7 zp5eWFy^vqP#M2pWL|KQ}t}HzDVi?H^9>>TV<_J4NH)tvx{`2U3X!w1Lf6*y8f7VQpGna(6kNKiO0Ek_DpY7{-B=+Y zIr4HY5C$3|(V|w_!^< z0^w(~or$t-jV&>5bePoG4xb@ZRJLO5dO;O8d9Sk5tTc-$%l>vg-}Hs`~uIa zVjMc2qCC*dG$$wKt#fjX8i*LCXafsuBoTOzS!W84My8YDPkkmR>kCC|`DH7=jjfbB}?xFZzw&^7bk#7OjetR5-F zKn#%>CMSV2k8up(EDH<-6Qk_|lC;wrL=Mkuu;d(zT6I<<&k#kIB}!|J!f;j!+y zV&MwIjwR;SIT)ck*mY|h7J5LAPH9-=Q>6$UA+GzN3;pDYV)Tbg% zJsRUe!%UV9!KJgGagh__TSka504zO15SJL?p)qjX+@nT}OeHg7DrWu95e5+&Rvmgk zBTO=ZyA-_1+q5HJS5KGu;!_{6#K{aF=b!X$#{-Q3q{uKJb`B@`kH^Fz_9|3a<4Lsm zVR*^1^$1!-lP8tgcz5<}Es$`30wplHYvddUJuambmKP+nzjiKonZF&8AbxOrps8R; zj1YdoEJqe6?E-z5B+_!{9FFZ3%U+2?l6`%F@xM!ALfAfi+yzW?>zp_waD%i+hD2uPSTPWwbK8kwJ4fZ)mzAmTMIHAxp~``BNT+ayF_r zZ#j56t6a;Y)ft{X5S@D3;=*n1h>WzuBz!M)O=q3dG{hqJ!8zOaBWm( zhI7XB>FFu6{MtIK=$N8&pYefNQYvWIHzjhn81v2b{GLNk(U3b5nms& zVMX7SgWkk2T6_%7&@gXp@c)0YrZsq;Hma$bVxU?NA|}VI{eJ<`C}(PF_W^`(mI5Z? zS3G5IHBD=1UPcKq)(S#Qj@i$DlTr^NDF0M%iE)vVgsjFGjgLZ14pE5+W~!67LudH1 z(Kw#|)6i&9_o&3U5aY>)Q=vE|p`5B(wmUr8rQ5MQoDV+$@Hi$&1WvEr00000NkvXX Hu0mjfg$}a3 literal 0 HcmV?d00001 diff --git a/src/assets/images/youTube.png b/src/assets/images/youTube.png new file mode 100644 index 0000000000000000000000000000000000000000..8341630127e18f4b94306e4a9e785c96eb8558ad GIT binary patch literal 1835 zcmV+`2h{k9P)C#!Q@>0cn0@EjmT&6PJC6(n9EYi7)U8Zto z$bk(F0T2>@Oz!jd9wZV33Gn0002mB8fgW*ypg&Cem=tdVZ`;tA9yqOe|7MMVo-lz9 zfjqp&zY|PzC`ot^%|Jxum{w2{rJ*BqLJSg;;NK~x1iA$gbcqD5pk=g53=)z;Nr-}e zp)oCypi5{8tq{W!asl;(7*)u5`))Fs{Cj(Q`;T4d@bK_^y4KUv6RF;Tl~m33HMB%f zBVv#c1tlR#pjgi7s;Tj0UI^n9iEmpq+`qHd5nAZCnPGq+x~9kfAi(KnGxw ze!`S`iclLCyGqa2#BfiuePDAH?<2%5^`(H(Njujol$Z&suznaZv32d5!5199e$NqAi0P!DHGk>yj90l=7hr-r4}(3w0>D$gW7uJ9~$vMTs(7_dqcuSJ>tgd&0Rfj=_UeSXo)YuGw;38h^=q=-)|2I?8m{DdW}_g6`|`Oc6f(HMN(X`kyIez%BjSW5=~-eD zQ9%3LkSr|<#(^J02U%@$kzHuc)N_Gz@Z%$l2lI$Bx$7LC#Dx5`2QVI}h%#4Vzqr3C zJC$uCs%yOYLp8Wg@KTHye6JhR1mc7wMyf`L6oP{0&`_Pwbp;hsCKvnrQ^$#Q#IzwX zIg}H+3_1ob+Np?Qx!5lxM%oN7F)=Q|SkM@WN7Z|dhV_j{v9E}j4GF+SvR+*aOb|&A zk))x0#7MXlhJz`%ml>K=vJ;S;jOQv#*ffSs5!2>MeH9xc7ua{Gq!EyuGbla$8T16l z)JN4WpS%Wy{n79W7$h+U{3MB>UhN*?9SjtaAts%HBu3jAbtA>DL9<&-OWdS|z65%J zV;G_<5`zPx@9@uOfHic8S9E?UvHw8Cti^$Ss2}~dijIRBbwnBYAPQo1O`(kwphZLk z{q%)>vA-r8b0;zr&&kl@f}3qeQs@vklGhQ%D$^pPN;VP*Lqqc!_8j7zNR5Fu^D&~B zB<61F^G5_O()*aAA#~^<->b5+XuWD}26$3xLcY>o4Rb@pEXqlLR8BvJn3Xt~fFENb zCZ??mv0rduh;c0=B;dv!j0aihphJxag}=KXhQ%!x1x{QS^DH?G5gNiyeS(ZtUYVJ; zJ&8OMh301Q$pKdo&X7P4IvCf>W2jVQXJ+G>7?uQW6(UlcacV4KmJYtBW3BT`k@ifs#;@lvT{+xnS}`J&1N}n~)INC)=lE2B9o1 zUqp854FlnmWGG0^KH0AZc#jmfoLE^KAs_^oqe{lZBpinRRer}66R7P< zW9!Ozh0AXH4Yy zUb3hQ{hvVng%$W;%Q;>TG+LZ(3aL*b4rz#ZXQ`GLu0+Axi(FOkg^r*){8yN6hcwRN zwosR>#32oBzxroYs^INq(O@HFRJDx^8oms^Wn0LWETQGsop&OJ8;iIK3r|DxdK#V_dsC20O%!;4+I>#B!y Z;eW$Et_+z}9gzS4002ovPDHLkV1n`JO@{yg literal 0 HcmV?d00001 diff --git a/src/components/FooterBottom/styles.module.scss b/src/components/FooterBottom/styles.module.scss index 997272c..81c6d75 100644 --- a/src/components/FooterBottom/styles.module.scss +++ b/src/components/FooterBottom/styles.module.scss @@ -118,7 +118,7 @@ } } - @media (min-width: 1025px) and (max-width: 1128px) { + @media (min-width: 1025px) and (max-width: 1145px) { .poweredBy, .developedBy { font-size: 8px; diff --git a/src/components/FooterTop/index.tsx b/src/components/FooterTop/index.tsx index 7e797a2..6df76c7 100644 --- a/src/components/FooterTop/index.tsx +++ b/src/components/FooterTop/index.tsx @@ -1,8 +1,98 @@ import React from "react"; import styles from "./styles.module.scss"; +import facebook from "../../assets/images/facebook.png"; +import instagram from "../../assets/images/instagram.png"; +import twitter from "../../assets/images/twitter.png"; +import youTube from "../../assets/images/youTube.png"; +import linkedIn from "../../assets/images/linkedIn.png"; const FooterTop = () => { - return
; + return ( +
+
+
+ +
+
+

Dúvidas

+ +
+ +
+
+
+

Fale Conosco

+ +
+
    +

    Atendimento Ao Consumidor

    +
  • +

    (11) 4159 9504

    +
    • +

    Atendimento Online

    +
  • +

    (11) 99433-8825

    +
    • +
+
+
+ +
+
+ ); }; export { FooterTop }; diff --git a/src/components/FooterTop/styles.module.scss b/src/components/FooterTop/styles.module.scss index 804c9d2..00f3767 100644 --- a/src/components/FooterTop/styles.module.scss +++ b/src/components/FooterTop/styles.module.scss @@ -1,6 +1,80 @@ .footerTop { + display: flex; + justify-content: center; border-width: 0px 0px 1px 1px; border-style: solid; border-color: var(--black-500); height: 239px; + padding: 50px 0; + + &__content { + display: flex; + justify-content: space-between; + width: 84.442%; + } + + &__menuList { + display: flex; + justify-content: space-between; + width: 707px; + height: 100%; + + .menuLists-title { + height: 14px; + margin-bottom: 12px; + } + + h1 { + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-transform: uppercase; + color: var(--black-400); + } + + h2 { + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + text-transform: capitalize; + color: var(--black-400); + margin-bottom: 12px; + } + + li { + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + text-transform: capitalize; + color: var(--black-400); + margin-bottom: 12px; + } + } + + &__socialMedia { + width: 215px; + height: 63px; + + .socialMedia-icons { + display: flex; + justify-content: space-between; + margin-bottom: 8px; + + img { + width: 35px; + height: 35px; + } + } + + .socialMeida-site { + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: var(--black-400); + } + } } diff --git a/src/styles/global.scss b/src/styles/global.scss index ccfa869..5215c3d 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -18,6 +18,7 @@ a { all: unset; + cursor: pointer; } ul {