From 2e030355715dd57a07dcafea1bdbc5c4a0448669 Mon Sep 17 00:00:00 2001
From: Bernardo Waldhelm <ernaniwaldhelm@gmail.com>
Date: Thu, 8 Dec 2022 21:08:22 -0300
Subject: [PATCH] Adicionando barra de vantagens na home

---
 src/arquivos/sass/pages/_home.scss       |  47 +++++++++++++++++++++++
 src/arquivos/sprite/credit-card-icon.png | Bin 0 -> 1272 bytes
 src/arquivos/sprite/shop-icon.png        | Bin 0 -> 1087 bytes
 src/arquivos/sprite/truck-icon.png       | Bin 0 -> 971 bytes
 src/template-pagina/bernardo-home.html   |  26 +++++++++++++
 5 files changed, 73 insertions(+)
 create mode 100644 src/arquivos/sprite/credit-card-icon.png
 create mode 100644 src/arquivos/sprite/shop-icon.png
 create mode 100644 src/arquivos/sprite/truck-icon.png

diff --git a/src/arquivos/sass/pages/_home.scss b/src/arquivos/sass/pages/_home.scss
index 1656845..f8b9fab 100644
--- a/src/arquivos/sass/pages/_home.scss
+++ b/src/arquivos/sass/pages/_home.scss
@@ -1,5 +1,6 @@
 .home {
 	.main-banners {
+		margin-bottom: 38px;
 
 		img {
 			width: 100%;
@@ -101,4 +102,50 @@
 		}
 
 	}
+
+	.advantages{
+		margin-bottom: 117px;
+
+		&__list {
+			margin: 0;
+			padding: 0 15px;
+			display: flex;
+			align-items: center;
+			overflow: auto;
+
+			@include mq(sm, min) {
+				justify-content: center;
+			}
+
+			&::-webkit-scrollbar {
+				display: none;
+			}
+		}
+
+		&__item {
+			display: flex;
+			align-items: center;
+			margin-right: 75px;
+
+			&:last-of-type {
+				margin-right: 0;
+			}
+
+
+			@include mq(md, max) {
+				padding: 0;
+			}
+
+			i {
+				margin-right: 8px;
+			}
+		}
+
+		&__text {
+			margin: 0;
+			white-space: nowrap;
+			line-height: 12px;
+			font-size: 10px;
+		}
+	}
 }
diff --git a/src/arquivos/sprite/credit-card-icon.png b/src/arquivos/sprite/credit-card-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c741afafeb4bc83fae28db9ef2945c8d59e196d3
GIT binary patch
literal 1272
zcmV<U1PA+xP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1dT~VK~#7F?OIE6
z6EP5d8Yl>>zzHxXAYlOsEO1UhI6<5f5T78<31Ut_I6=$_7#4uT0?Y{*PJpw@ryxzY
zr1`}2H3fwt&#SUWBgs?lr&j+oK#LYFS}ZVBqgfxR1D~*jDOS}~n$-jx(H00pZrz4|
zIKWNxuayp)RSzM2`H2<$#98_9n1=izCL+Wa@=F88w4-G^q8~x&BudmijQ5K-AdKww
z_VwDy3NM(gEqIE00*nFl(FkhP6F_(kv6wzVws(L-X*SV-2<s|@PsqeI0TvuB0a$P}
zafA1H&-CCERO;257{N{c!6rOKGcRC1zM(5$&EkM{HGoeLH>mJUnkfO2@SJ8Mz5vTC
zyt!W0dceAh>ZT|y_&Ii2*d6$Xh$Zafks4j<&1gX2vG9Tp%XY{DcgrSR=LtRA?qf|2
z;S<L67Gms-7YmD~NFZeP{SA{Gcm={c+gdK0Qtt(1zXXulU>BlNiVKRwdyDYKW>rri
z<t2j%7u>J7;LyMTxqxZ{j%Z)o2g>xB_KH@kd`VTv>hg7;e>-5~vj@jfo(qiWFk>7;
zUfDk1Z}9cGtr0}YT*96m>nHt$0h6!`$5E^S^2aF&e~XOc$hs1-8=?(cTw)$_?J(r~
zA&(8XZ&#Brrel|lYhD9HF!|#K<(@(I_zADNS@8}BQ9GG2`Ta}X79t$3D(4AES3as;
zxecxsUsyo{E}mv_qDh=;LwTAQN#~F!;F`ATaV@YOXSQA_f_|pENxzUIo<iVoHd&+r
zvARZRf{o0X!3plnj7Ijl3`dbCK>WP9&cAPO;m6FgVvRV4qsS9*fv>jp3{4Qn*+Sd{
z^?hd4j1eYq6h(1BXs_L>BqD*rD}9ZRn_`$UT4&~&&LK~LIRh}lh;UW4fH8^iGCtM8
zPz)hXaWp89euu;2;y~yG+q|E}b(y?*Ob0X3Ust<5O5EFl{x*WkIbu)WD^~qAx2s9T
z1c+t-NE=C{CjzM?Z8o4wcRM^jTT>WuhPe$Fp{#vlyH%bH8MR&2d)ch25Rtk_qY<JZ
zPm%6*@gNhc_95IskF~g$>tz}0)8Tb>fLO&Pq%C__plZxbyyX04(4;J$qDnxQg*P>d
zbc<$Qk}4<Qh&EY8UQ|C>8@ax2jY;O#g}iT){6f<0y7vx#aWeKqO>E}5Uo(HoE4p2{
z5CI2hYsH?ZoB&e+>Y^GQ0Dar;0gaNLA>Qijus%Ns^z$a#+ce83<~F+J1V}b_lLMHl
zkoY1K;Sm=~>Ihr1@r8JqPqfM_Tuqp<Kfq%yYk#2UHQ{;mXWLNTmXc34lk){qm@)Fb
zDw{H&5&Ty$A$K>|zoe^7(}MXuq^>tclxWNxaDxDoPjqtqXF9I9T$K4lE4=lJSM)ti
zw9%XcZV({F)F79A9_JD)!9(p8_A;rq0pa_+!VBCW;ITft8#SK)7f-9(cZ9IuXbHfA
zLkKW__FPAD{y?%*WlQ`OMOl>`WBCliy|S`gz^69D#)lwR4^pe#uBu6<2i&tSN%?>)
i@{U4_7A;!*H~a>{YKWmBXX?rT0000<MNUMnLSTX<azsf0

literal 0
HcmV?d00001

diff --git a/src/arquivos/sprite/shop-icon.png b/src/arquivos/sprite/shop-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..af616ee56d9cdf9d471aa8ca2e5325531ab8da5d
GIT binary patch
literal 1087
zcmV-F1i<@=P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1Jp@GK~#7F?V8<D
z8!-^a|GF^wc#2a&jt<}{$>brXf<OhB3V;eQ6~t74Qvpr|b{;aAJj6}~TsnZKKxSfP
zSJHj>d>=Z8@o+x<X2cntq}8sZT}d|Ja5x-}<|0Z<jO8Ky?NVx?UIe6FA8*8IQK4c3
zXytp9ZcM5ZzIh(wt?1<y$~VBJ^y%$TH6*c#cOpQY(EY!rbc3hV|80>ufL?9`0w>T`
z?AK0tM)&!Q2Cs#CrAsE+Ga$4cuOo?_S{i^E$`)QIJzDsSZM+xLbdl^CAn-{&B~ELr
zJhP*wy>^06j83Io$__a{N$DEv0_(y$UCMU))#3~gX1z!hhL2hyaiE?8=fwp%?CH@j
zDOf|sa%g5jH<=wf!McaNGIGLVyaehV_R7c!i+TpEOV}$TBP{9}ur6V*jEt}-RM^wr
zF`zy3CYpc_@$Bn%MD))*12V>*Da?+sjXEMQrPJWH`m7^cCsiWYK&*U_c=0RI$PHO4
zKsGItmOU-{8M19Dmo4Y=Z&Px7ox)wxL{>lVU&#xzZ|GI7%Z^vqmG~iFqbfY2%kEj&
z8S1(dkF4}nW!_;IRgu_IPl0_@ryYIzgFRHIZDj9O9=zv~t||)jO+zPD+Mv-7_YF|7
zbu5pp>vD(Z<sDX1f*p5K_8shHGx2u+vqxcXL?1`0!LhVEF@2L;RJm&!IfxqNX>G&3
z3PD`94|cfx`QGxhruQsi*xmuJe~%2veX=1QxB=_#C6ov#9jP@{q{x-rrx-dk^?2XV
zS5F=Z-b(Ay$!4O~-UYNb4phD0k?f9oS0tNHa{?2v^V70NfRVjnCHveA9LqlD?Ci6E
z?$C&*Nc5i9yN8bm*PiY`H&MTvnARiA@I{3o##7$<1J&t3d+zxiXO?V1^=HP5SCbu3
zy)#?c^EX2Ambi#f!um+n?<CF?S#U@_BPY~bxTDkC)GpW`EF=3nErA&>3S?`Z;Z;)h
z;*}VO2af$Snj%7Z`IjnxhM&r+S;EukiwB;rVR*Zxj!#MPLEhzLqONc1#<F$&!IH9d
z-#ukmpEh_UUj?k&ZBR(K-$~)2;cQry(&qsmt796SMYMe0?X^*j`8IN}Gr;N(Lp~Pe
z`>2L*Q^?i;%xaFy*{4%YsROfUBSqtVfHMFZjxzunjxzunjxzunjxzunjxzunjxzun
zj=K`8P}X13WvQS0#$LW}S<c!30iv&ySHd7C-^T-EXMo4@%Mo`a_V6^`0P&QH@BV$0
z6X5aSn`iJJ<&$|MT2AU~{iFe`*UcKxoL|H_91e%0fPWR&uszQhHuL}h002ovPDHLk
FV1jHS{gwa#

literal 0
HcmV?d00001

diff --git a/src/arquivos/sprite/truck-icon.png b/src/arquivos/sprite/truck-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..8d7689d0c562e0d95b08c1dfaae7487d36aa8414
GIT binary patch
literal 971
zcmV;+12p`JP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH17Jx+K~#7F?V3$?
z+At8u|C8qRW9QyLIYE<E;dK*E(BuT6CkQz~(-R~;LFfrePXO5jx(YX_Z&12wSp;=P
zvcO;1X$Umf`n_jkdxVijn$c(k;PH4o9*@W4@p$S8;k!P9#uZ-&*iJ&O{|7W_fCoSr
z=^y;5u-$}c&>kMZE^OmPi!E#;gg#d2z}@*(lR|7GBaKzqLCvYX0(MaqhWhXxrNXqS
zS4RQX8I}?9k(e#2qX65uWd!CROwxktD4-|~xX~T<b{Cl8TUt~PCrIc;pYPM6Dw%*~
zq)++0pCg%==eIh*0nJUJdI|tKD2fcHX!H5f-BwWn7L8AddoqqtMu(U|4HVF%^Td6h
zhyE*^up$y>P@hP!Wg0x@krCj}!bj9A6n4`f;mAFzmjb5fnonX=5HmoPeSl5$<RfM<
z#aF&+RZ#(-`M5xNlH`yVQ0LWCK!Yy1VG{YN!g8{B+QDfxO~5XB!@@EnEongI6C$V^
z;{9zLQ1Mw{8B?}>s%s!*xkk)C)K38o>O{$tP;SKpCT68H()Y=!{ZGbR@iTK}*ZeM=
zRnfC#{fW!ZI3_6B?;r^V`1}!1pT+jq{kQW%+~FASXq=Hm?;vwyQ_6}Jab*&RGn_@m
zR7^Poo;SakFmlJNt5xci%j6w?_6w^r;~sSl8EOTI<OKVB7ddq}fn<QBJ<mB49LoY_
z6|i_H`%H07%dT;oj~+iePL=J?D^Vnu#6)^+{+JAP+jN{XzCo>29VFftQ|WR&t`jmc
zN(=H8AluEhki1y&{a(hFWYoA^e6f6x$<90`wjujG)DJR4-6lbP7JPf0R=_Q?3B~1G
z&!R9HVsGj7Qu(H65Fx(~&R+~tk_mUrSuzm1<DP$(__KtHa%oxm`d|J~5n_EPb53P@
zV+2trJz)D^>{xm+Z{JO9Ph@5C8{NY?8R~9ShjvDGqmQCGE}i0w10nIKg7^aKdEJj5
zCZ^6Jx!aUjA6;{nnIKsQHJ=?^J8~eDk@WU%h`He}$%i+Ea*4dwjf?^^)1DB*?FCx0
zvqOyXQ1~|o5(^E+Uu+v!Cf@{2YQuJhpkj6C;RTM1zFIy495SS|2`mD<<QJzMPMLfY
t#OokEzpa1!@pwEQkH_Qjcs!nU^B1JaKiZKzBys=%002ovPDHLkV1iGSwHyEd

literal 0
HcmV?d00001

diff --git a/src/template-pagina/bernardo-home.html b/src/template-pagina/bernardo-home.html
index 57867c6..3600ce3 100644
--- a/src/template-pagina/bernardo-home.html
+++ b/src/template-pagina/bernardo-home.html
@@ -30,6 +30,32 @@
 					<vtex:contentPlaceHolder id="banners-principais-mobile" />
 				</div>
 			</section>
+
+			<section class="advantages">
+				<ul class="advantages__list">
+					<li class="advantages__item">
+						<i class="sprite sprite-credit-card-icon"></i>
+						<p class="advantages__text">
+							PARCELAMENTO EM <br />
+							ATÉ 6X SEM JUROS
+						</p>
+					</li>
+					<li class="advantages__item">
+						<i class="sprite sprite-truck-icon"></i>
+						<p class="advantages__text">
+							PAC GRÁTIS PARA COMPRAS <br />
+							ACIMA DE <strong> R$ 500,00</strong>
+						</p>
+					</li>
+					<li class="advantages__item">
+						<i class="sprite sprite-shop-icon"></i>
+						<p class="advantages__text">
+							FÁBRICA <br />
+							PRÓPRIA
+						</p>
+					</li>
+				</ul>
+			</section>
 		</main>
 
 		<footer>