From 0e1bf448d7c6228cecf58c0d32be9ea7f1c2b9b9 Mon Sep 17 00:00:00 2001 From: Ramin Date: Thu, 9 Feb 2023 02:22:56 +0330 Subject: [PATCH 1/2] #2011 Add GIVpower Video to GIVpower Page --- lang/en.json | 1 + lang/es.json | 1 + public/images/trazado-giv.svg | 3 + public/images/trazado-mustard.svg | 3 + public/video/giv-giv-giv.jpg | Bin 0 -> 26500 bytes .../TabOverviewVideo.tsx => VideoBlock.tsx} | 38 ++++++- src/components/homeTabs/GIVpowerVideo.tsx | 100 ++++++++++++++++++ src/components/homeTabs/Overview.sc.tsx | 3 +- src/components/homeTabs/Overview.tsx | 8 +- src/components/views/Power.view.tsx | 2 + 10 files changed, 151 insertions(+), 8 deletions(-) create mode 100644 public/images/trazado-giv.svg create mode 100644 public/images/trazado-mustard.svg create mode 100644 public/video/giv-giv-giv.jpg rename src/components/{homeTabs/TabOverviewVideo.tsx => VideoBlock.tsx} (57%) create mode 100644 src/components/homeTabs/GIVpowerVideo.tsx diff --git a/lang/en.json b/lang/en.json index 6aec89c5a0..893378db66 100644 --- a/lang/en.json +++ b/lang/en.json @@ -810,6 +810,7 @@ "label.tx": "Tx", "label.no_data": "No Data", "label.use_giv_to_boost_projects": "Use GIV to boost projects to new heights!", + "label.imagine_a_world_where": "Imagine a world where you could support public goods and get rewarded", "label.your_givpower": "Your GIVpower", "label.stake_giv_to_get_givpower": "Stake GIV to get GIVpower", "label.to_see_your_givpower_please_connect": "To see your GIVpower, please connect your wallet.", diff --git a/lang/es.json b/lang/es.json index b4dc7c10d0..6687205a7c 100644 --- a/lang/es.json +++ b/lang/es.json @@ -810,6 +810,7 @@ "label.tx": "Tx", "label.no_data": "No data", "label.use_giv_to_boost_projects": "", + "label.imagine_a_world_where": "", "label.your_givpower": "", "label.stake_giv_to_get_givpower": "", "label.to_see_your_givpower_please_connect": "", diff --git a/public/images/trazado-giv.svg b/public/images/trazado-giv.svg new file mode 100644 index 0000000000..4a2210cef0 --- /dev/null +++ b/public/images/trazado-giv.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/trazado-mustard.svg b/public/images/trazado-mustard.svg new file mode 100644 index 0000000000..c54dd703e1 --- /dev/null +++ b/public/images/trazado-mustard.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/video/giv-giv-giv.jpg b/public/video/giv-giv-giv.jpg new file mode 100644 index 0000000000000000000000000000000000000000..c77a6d3427ce3fd36517948d6e5fedeaf37879eb GIT binary patch literal 26500 zcmeFZXH-k|k$RK@cQJmJE_XvIIebA}B#} zRPYRvqaXqXxQeg$7|vPueR%8M|6A{UxqBaHn!T&LtE#K3epNl|{CM+Y7NXTs*HniP z2n2K)+|ZAC#9K`jl}q~P_0%=bseu;|gy@67g~US8HCJ!X^EhQrQ!{f;=pUE0jhFjB z{`~hQ7~}IK1U?~XOw_=egy!D~{vZCP@B|YAnr-lp(Voyo5X0>&Kie#D+t1tG8}KRu zw{6@#;WieuDLoC(tAO@7(B`!NNBhb@+O}7{Yygc5pt3((h>jdNOac)h=pZB= zf`|_B;{_xM+aPR)e_upM1Tp!~r~iD8KoSv?kp7s4D2Wgdl9q@T^!RG>1@meA@2>xG z%RcEM_CN0Qrvqt#?EfbJqmBQd@jtcy2g>>f>HiGwAIkVon*XN;*Eo&nABIruMWmLr z5aMDD1hEYOR~}3bK}>ig8hj~Yp`*mD!4M=!%Lo3tSVVob2ZG2Ppc=R*B%C`N4EihP zqlw}nqWT(YyU!`ap861EQdr_&rPDnm9Zb|Vu&wEJPA`8ofyz z&^nDJYBBMtAR7qw7C!w z=Htqo{^<9uFUpu1m%Y6}@4TMfeXkw}^~vOEa2%W7J!IR&MiGD)L@X~b8ffKonwcM#inUALZRXl00JWbL&B?`}Ye z6om3k+02jhNL+xbEvx{NfGC#(zKsx6MRO(Ss>Qg<$m_%)NFdje)5w|sm92fB;= zj~r4Z&aQiup7C?gF(7ccI$Fa$#AFY@9-<_LxeU3L;bp1OgV5hHWMqG`+M|F~3Db{; z?Q3j@7=I9Yt)}i7@c`3hg7wq>Qn%bK)PBUbeiLw1H+aqU-I$@|pvn-$J~p!M>tKV9 zNG`h6I`cU%*1^3udH8+yn%lec%iSV7MA~0k@I*sPgF5T)MwA~7stiEKK$l7R#z~dI zF3!oBI5l%L$E{NV@em0o^viZEcN9wsCaOZybKFEAleTJeV)=8Pp%$0Mz@va~Q(&W< zhk&8GHsFAvf9$u~T;1EKM@KI2z96w^DA592xPLdaVRdh2J!ECqMm`r}42FOb$7#-F zqC1Peo0#XNW`+j@Gj58GxA20Ysayk3D+n&e@Al6^h_jH)v+J;}TP`bH8mV+ar?2el zVwv7oU$cpB$+?BWmYBI72zK#ezUok2!|MYJy^SYWyyXr_%d}4}Zb)E|dMi-Txurlp zelEu@$|q&BsDNz|v;CX=FuKy9zx6Q4O9pW3M2y+*me|UPQ*Wu2jHFRIf6qH7PEAHS z88fvAIzSM$bynr{SOd|}@}RrXsm21Vc1$V@S;3fWS@W{}g8?+r4d%V^0@nClRqD-3 zunlHKfjNUMfDW@5Df32%owwxNTKZQ*`ijv_|;Kt)9%5hD7cuH<2AGr3S^|Ri3&(tfvO#?ntuxLyTkq; z0ocXCwk3$t=%cXesdpyF3lg3-c^t*pr5&dK?E2ICe-~i%u+0g$iRB?F;A4wSq#vBQ z--FC9YH=uFQ5i}`eKvU<3{kizF8vV!^{l|+4RA$+?$uYXJ8*LZ#9)Oc-?kxx7K64? zpBpx@5QS&rg81rBqqj!FE~O8Udp73jHme3z*m*!e_R*O6fN#SnpX3b%rb-`Wu9ft} z-!=r5Ty1fn@aW%vhkH1wGn8Yq0?CbD8quNjQUQKv+O6S)+DHuJ4PR$%hM)@Xh6jHyPMq+Hg_WjzwS}ngeer=y#)IL}#kZ#=$O&BD%=;{n&cA z{#@2&*l(=0)q^EUIdbrO9}mmA6-)rPVspf=P@CqIM?6sr*b1A&s{Xw@Ar}iz;y<+k z$pf;q|A?`by0>8{9jWB(mx~Lxf5k|>wz{WSiJ+0`;zVuIAKr5|WEfhq`(septr@V* zROFLZMBick4}E>cA*MayF|3!M`=C1rXcg}+GTP)=FW-9$oEE{3Ad9vVb26TKbi{+9 z94x~4gX3sOe_oe89Z@p?6;2M?$*JVkxZ({%FYz-E09>&cF3~~stV#XS8<+-uz*~1S5k}+fGKHr~_*K!9szTq}q z3h{JGFG4>lQCDLIu`~FivDPbd=(K-w>{jvYMlcjdIh53#H2?>N$$BWQ6Yc#@dsv9$ z7G}^h1&&*oLzfkZw0|!3rEitdGhQHZ8hTjWx zfXF}g2i^05povRk*ULbRzUwiFCPajv%B9h(zL<*y#%#|BK{Jyds#ZazpeG^|{aovB z?>>xdQ_95a15C3$gkJK7h%6dETnESiN@W|OzWhg>5Dl(u!w~8l>SS%tg=AZ9erX0Y z+!%iJ;BQcX4uei}lvnB_F*89nLtybCXD#0gMS>6yYtmx3JhJ+o#VTN|u0I$#6Rn$! zhz*E90*3ISQ%^G>l2EqA{YO2>>a~{N+m7HuNhKm42tp8P^D8&QH7q17pE%#e{VUo$ zKrchSI-ehZ$R%};$i%>7m5+`U=|j|-91Lvj!18}OIxI5V7^VTiEJqGbmW>~mXyX;! z`|T-rq|sQ^r?wG|RMs8{0LXD6hLx;cAU?w4?G3Sd9JM;S|8g%D^|`Icldp>tl6`zI zOo~1?3uI?{de3RSMI`|vJ?O;;2~AWQQS1zQV1eaUqF6hEz!)Ij-*Al`o{M$4;za@p zO|K{Ob+}`R+V}!j5wR{G)0STY@C;Eww&3&ci;9&C`}be}_ZB1V?`Mb{9kBTS^~JjQ zS|7EU&D1}G1%)RhG8lXj(t)bs&8z`{0uWeE>fHHY5F_DF#Ko#N(iz}eW8HIH5CRR9 zKIp+Ty;UL&-~|`~TBim}1?iK6k%gdtI+ohwai6Q8nQOn&(554;k)itZv z#zHFTHp$(mj37U+ku^@6qd}>AXZvS({m~h~Y%h&KgZjJUQ03NzqDed%_0^bj)>-3- zO6>!zUMAb?Eq%gU=$)q9St1tP9rXaYDc3JIgg^l+;e;Y9r?VTb(7}eD!*T7?%rx5m zK{pzLL|2p7^6v%|OG1@e4-jygSLWEJb0APKk|QA2oxm^f zj}&fdC0fM(%RyKK{xtgsKY-b`SNhLyIDdZa3uwtBC>PQQ{4y-?bX}V8D}%vaFrZbc zM5Lz$*z-||PUzO>f>ABK#JIrYyu28m<>akurx2y{7*5z_WlVPS!dTs4y3zL_2@6Ou z(n@Cuq)PsAId5T<)zs?|47PuI>a<_<=g3))mz+CqSA}g8Uk4w}Ww3Px<$vFRTexVj$ zPbv`yb~)pE;|+uuz2!W~^;e(XkmvBDBk^*@2j`bH_Ltq+$Hvx=v2-Xo;+GGz_t@gj zWMX;{VBQP^B~J`Dlk4YfLCTW!EM1(=o|})WdmQD;PmzHf85?f65-rxgq2*V=!HZ6Q zF{fWjcSqc8yfIg0r=8qoFB$J>yjhj7aHN;?@m`>M7!WyX&u_9B0xC`?geKyEZ@ZZJ z#*tg)zrd{VhMPCJ`yd)31SuL!xBNZtK*hCO`q@+rGQ?`Y&>syE zsP%GqR?42`wXKo|?8aUu`7V9^4Z!}=Q96znKirtR+ATG!PyF7?kQ3GjVI?lZ$sNUR zzdx;_Rh({1e*b*uK#p?t%!eZKIJTj92zeViz9zm}9QL*6<86>TPJoEBPb=G4Fn+ee z3pWsJE;M6NsUr-~_dfR;B*+Py6~TTYvwa&sCrA=jIOT=`>h}6+?f{xAHWrLj z4G#hY0989%O(5B%V`!`ON-hqA41P!oHItPKkq`c1I@IE6oDLB>=avk%I>4&_SVWFZ zj+XdZ3mysYD5^aqgzy;n&2*M7z&Fm#)K^z_SJF{F7Ht~MaTH4WAo8tGkh^!G$Eo%} z<>VJVZ27T(-fBJ8E}*pr1=5fP^8LmAmo&H%%jI`o;^L`-z#7-ev5>v=&{D?Rk+oy= z3w&LOn_q4?5MUiZv1`U&Gyp}Tb^P4)3UtUomi&s$ckjR(BJ|1pt@_|gV}8wK4+di9 z%SYCmnXiPaC5{WdNGIR+kR?4>nt#I2fBsyk4Fx~4iY+tmb@fr z^vXU@(8y(CdI5d40|ZZ&T@6eOHkv#F@}g$#=6sg-Gy`m#3@-`cvGvISIXuXuEO+45 zavFxfo=pJ;T<8GjNTdfA2Z9U>X*>6)y+&01urSJX(4503jr78oY@WDc!dU7egf5fOt9a+rvw&t_1+i?!M=5Ida{Ko(1N`dU6Ed0Th{FSm9X-79LsmN@@J-Zoo47 zIbM85biHyDku`KC<&Q;?c|XhF@L@~e-A~3>`=^Ehtapcqpj|j8gpu?yc1BVU%%R!S z+QTRZy_h%_pbx+gsTbh<=9lZQHUT`7&d4o4I6e~$EXD&Q&jPL~vBRvO#8Kk>%Okyj zQ|d|+sfY~cs%vjAs|>|><(>qP(vWKBa{LiOSbc6g8Mfc+o((eyTNYIATfd>q(=EGpy=D+#ODuch(|cp36gvsK zFG&zqkK0OBoA~+^|11Zg+z>(ewsPxEH?O=cfH1Dp`h&C!IhPqpfrrL|Iuym9t$`(M zQ_JEnvfeQIriDt3S{zka;z3P-*sbzeAn|_Bb~Z5gV+<>I_g9f^*RBuqJlCyskPef# zPltpjCQ1NFuY1hxh7s2-JhkS^?x6J_FGO^`ac>ySo(t+tE40vS?bQ#4biiL<0eMtQ zi#IwMvy1+FFHmj08^bR8-sV|JdI3>Se3vuNwaLJE^#@N*tiHR5R2h(rAcS0rxC{?y zE9Zf3GMc@nG?i6M9|BHJXRDN9iSLycryR@&VrADJ4P0j-VHf05udVH^sigZR^L6PZ zFM8g&E#rnE>Ed<@&$K1! zlmqPpp*%u8DDX7%MM20*dT7}b3o));n<=HXPFwVCtPSqQbPvh5{SH_!5XO5#Z6LIQ zRDcs=+H{^Q1rR0yo;j7R@9rP}o(oE&$0pmMzJZk?34O>ubL4$JD3d?{0#o!q|D#gK zq@mggf+H9}m~aIS_*|Q;2+Ge^e|%#wY!j=HcFNTi0Na2w?Ffb-JFcayc*0~L^pwyd zo|b>0btg#|GWWwn!`_ks_%ii<*0y_-kiD>>zvkVhAq`W(TAgq@Npa z_$EW-UAC=TZ2w>kBKUj+a9M&tcsFOiwgxN|2_jkioxfED!VyR2TP*EDmWL1oqh;!~ zHrYn+O$L^x&NNSmz3j7~J;e?Lm6&)#deQMfHpSx4llZDp$rLpDF4}>8v<+)R>GhL9 zI{_xx${4$GY?ucP9+PnTmQOR<3A}*F-}$a0#9S}K16Ztr0iq=b7pSe<5qRP8ye!R~ zT&T>)DR@qd_a_&C?Ds_um^RAd-NatiO9L;1A}+- zu~O;G9+0E>LUY3i&>(YwKbeN9u`rgWm&K9;paO+3|Jc+r0Y{T!3bWHaUmdN6Q-wm&~kowgwhJ^qKq+yN9T%EETKF!2mH9dpD zF@TO!n96{3JZf?rKe^&u5!09M(Hnc2%)9YAo=EVc#fU;Ad|-fu079A|wZ&|KLx2m{ zuC+y>S(m#mEJ3JhN1f4pwj!CC^)UZ)mm$bvd?FVI4>*&&A=d=;gUp~>3i8uFaA13p z%G3tYt?Ysmix!K(cUO3Z80N4>3c^!w0n45mAJY~I=_>$CmF2Ioz|cXqN&OmBM~9cK z+)n8;>DIQnxu)TpzeMDeTn%a5d!Fy1+`Qy$t;yVtnueY=eLFs z!VazJVb59am%LU3cJt@z)zNUY9fvzO)VOhMs}odRWw4tjl_lo65K*EYy_Gxr+p)D_ z)((!KcOyVYaJ>>7b2O*k$O7f3At_|`)s{6)ELfn-z8u@~&u&%0yZbvJFqRR)MR$l$ zMSH;Lzj(5(D9}+2f}n0pX9$5)a8BSj4vGo{U;!c9imtnGvw6fCQthRFC<5{mr3HN3 zUp$FlQgDH5w|!&lKWj#w5Hh>6d4j^TzX@KHwqY>nL-!X=BltF@Y(y5Qs2_j|k6w;V zdoT#cCFl<~(v~A0aQe1!l(+^j+crJne%SJ~9#q+yZdc=X5y?pD}XaPhv1eBw&Zv5QXNuq2LBFZ&ngPaXO}ylliqWXiY0MV1oRZmHb>Pcl7R z*%w2~UL~_dstv;pWxhVCc~oP7ZYH6C+n7IAgv59$aRRnn8&$-?Bq3I1UxtZuq?N90 z;l14qJpuE7E4&=8l6iotWPdPRoo!n3n*hbF%SX3L4D!;sma}>gZRHaf0Z^9sB}S%s z;AwLr5caU7kDnF$Jc{93dBt=~^_^A*!&17Z7blZ$nRo4qQJ!f3tPPJROv(Z!5oH`n%7 ziB)1fz?Sws+o$}S|8%Q3qX|$=Qt}FB`XD^+qB0~oNOcXQu`uYh2b-kXllE`k6&p)N zil_m+9f2&Gv%M)+cF)a%ql1y_WpvBCD`^n4=?VR2ebAjFPPd^32XM+Flhvy&*+(4o zK{i_67EQwsFx?@Di-@Cq;+z2ImJoKCNaNJa19E_5w&9|pbMv75hL9Lqu*A$wJuzk{ z=O!)HH4sgR&`(}{f4i0o77cypdim?KwoOGHq^Td|9zC@Krn~G=;^;ap_&}z0YKiLF zv_APFwQczqP@~@2FOY61bKz|DqQ?$P_YO+O)?6K|NDznj(A3hvM#>* zx9$AQD_K)HCzo127*@ejBWLc*uD4I;5X zpXB@>(}#17(QtrBO##`M;Va9+rmNnkIUZJCP=R4A(b$IXDumPn2V|FiErB4@2j|H! zT-XD75ZE6@pHLFWfJ)Tb7z^aVA<%CDz~{&;K%V6y`ZYzj`Fo=5KLuN zVqMCIOM0OEpJOBSeXCI!1GX>7Gkox%uDD;<@qPJV{52>{WW68)D3ra;zV*3O}o zSEL}7$N)9M%+mk``>qBAvATc?&n-<*oPRKoLpUQj0&4TT`+dKq0G_QyUjQ5!!Y(B` zW|_kw8Rcy;q9r*%qlB&Y{eqn=MRK?-i_dI$^Ykspw8O^_1C{<=D+! zkmDr&*$9G!Qx)LK2M;X#q>UE#pS(UF49=@AR3bR!9~?sl?*)oAf>Xg_FY#YKC=K2* z;6RQZ9Gi&Rb%%jtz+r%FEh?#1G5docOrPe6#v6dN=*n+fk^sQ=lLMuf7s`)QCER0> z5wZ4Z5FbJqKf(!|m+8aDvXwIzirc|zWkDPdj9YS-=~smDx*Z; z2M#~$5-ro-We_#)K_8kEx->eoM_poyBDmBT;kaX08!)eH@uNH)Y!@Fs%f+| zjiUUYNZXF61SjZ%@D83m4;^0zxB=Ur-tIk#&yVry58C>P2w(#z)O>=Gm~WD2M1f&| z>ipJLDZm1}sr>TxDP_N%V=&=J9Rf#fT^@!I(T!`(iU2$#`U|?{m;a&9pUji-Mx>&_ zW__*gTIm`Lfak{-Ux$Cgl@$njRt(Yw_$)!K6abM6MVkOBu!2MQU9P|NhiC(^CK%Yk zO8PwD3xF+fFa<&AWd8+p)*vD56M;<|5KKq~NjJ`J z)r4kGO8N3TvIzc~Mb-aG(3U?~T7Y%`D*l95R7r^S?-J+RvKK{_sDJW5Y6*Ti0S>fL zteq@FQi1@$mc29nf*mw{F(lvPIb8Osd15vZ6hNuhT$@3X6cG6mpl+s0q0tSKdg&DO zygyKmck={*7Fqg`QHxcz5WiQJHQ|RcMY5GX*%QS5X$#WP0K8QDqs67|2RXq>qqA$U zc2fEig317PK8q@ZAa?M3mtPk$_$-jjn+T{%0nrXWBy)t^!6#N8ptamt_z6*cAvH|( z^Rkb=sP()3pMN8AM16qd|LsLeQ15@+8)E&XhW~Pa|B3!zD(-)){$DB%`v2G9Z-E~h zp9B?XVkClynCSO!j=?X9={RX6>4~@`7^Dn5&boU_W39PEz^{zKFOVU`8OZ+8GnG$7 zr|%t{C}n-`HvAnsWOFlOo%H(gy)*jKZ{Fn{gyeL6rx~aGEVp_y_rE1(p&|WFLUPt% z?sjhJNsL6E@*NbT;14JTHE+T|c!q)>C<*EpJUJG_S{eqVyXFr~W z9|^V!ol}61d%MR-LNtff#bfzo6B-c8cMw>$;1Zc=86^CiRsy;M-hS0* zcyWTroC~YZNPI3MJTa7+PI=g1Eo?c#E?7BaJ2!}%__B=hJTq;s0J#!GEQmq|-@_)e zG(}<6LeODmx0UA^Nf3&U&fNxI9u)I5A)&Rwxj}*yZ%c`jS$9IQ`qGG_$Y}C9EIgS$ z!{ZFX5ILM*6>cpLEne+9Iho7TvHXf#ia}PTHtiOpe~W5{e0wgrB!Yuk%79M&U+TIw zow(?F9gfRJm4Xn4FE^jOM9Dvak8K#Qd~ImDJVwkbJ`Pk zc-1n_ zjHdFPcJ7@gj2!ywG_OcKS3Ym*X0x|SjFpOv5b-exaMcEfD6gt5F((58VoET?O=Y{% z%`ET!C?B%r0a|9gZ&Tl5FrRUvNWlfuv5DzL z6`zMNycrB=Z`;*+$C^5PB;(Xn5tk4g;g6LNB(6Ggd$vgoeB6!kUfo=ZXuVK+M#do| z@iMo)2%h7zK82+T(@PKdgN~fvDR!!lN+EPNK7*6e`v)}ephxdal=m0i;)i1++dikj z1Q#BAjsew5jm%`L=w_eL&1q%V$%XZr!Xk6sUW9#hcP9Jv$U%vobMsb9)du(|St!A| z@i<)VP&efrSq3ln*1jsF!OK_=RAj|_wPgri#;|i4-fQC%3OA|qDKdI>rwYzR(UDQH z@-xI_08V5AS=as*^lK{hbXLK;@~{k|8L+;x&yZdC7z4#*XYg~A9d3Zbc_0LUe`3@j%hgN z8JNgL)+7dlF;rgxxkqJ4$qT~5p5s_$$yt$cF6Rv&0s~$UfM+9->FEm#8<~ldC8d?d zJr)KUP_~EV!|G3J#HT5a01tdbVmOk#J_;dJ8HM@WPMFKoR-e3Ag07B=oCIB{FO%H$ zQXv8XEL6SXbSd%GE|NF57`ZQGsBy_A2Mp=P;!PdMf)eAr>`uHSkB=rVx4@;bg0;%1 z89qg=83vsGo!g{p+6a~6CQc|%f+1#>pu7qR*WIs868h50d`C&1lftiJ!9Mi9XL=dG zaw1x$=b>%24*0Fn$pwMa3W`3YV!OyWBJQG)KnDpz&9u_k^!6|7n;C8y~vTeog?BQD+Dym^ryX1P3<%(7P(7%o0!T^otuX4@_?( zKfyQMmJ21*y0}4LNMHzhY>}EPFvROfnq|jnZ1k&4*;$fxa1U-un3T4u0V)Cob;+ww zNE#Am=t+Z@>OjUUb18gh*|m2NMr1B!$W~Hs3R8F>oM{54TPLrnL&1|Y;UH+z=kCwpVj2B&fsasD zx_J;Z3xKj&DfviAP>h%B83P^emivOBbpl1!;ZK`}TLMv0iIFC3`R=xaCfowCONng$ z`5jV3+H(iNy`j0I3C7p31e&j5F9}gpi6QfC`}30oS|9G`g}LpyC|Z=rS5-RW&0oW9 zb4l^RO=j9?RYyAC+gfmV6+A&POkzz+ABv1RdOJ?%=tRq}2{90Z#{FMIXYjN?Cv*i& zeI*hB>%qxeTth=aAAKbTf1-kjM?mAQ+~p8lx{L!KX?IwpuB}04iGj@XyixA=w1Qh( zI8H5R=p#D$c)_P|;D$fk%vMN7Ua*+szL2TD6*q}Uz>&+XMPYh}&S_ih(b6qmzr2)L za)I(pl#iTsz0?ANtzHw0So9A~am_v_@wwo|aRl(MLKKy8Ja1W#7wko?J$T8Xcrl+; zGdQw`KI6>}=4wm9r`YroeM`zD1lyjfIWOVN_;tqDy4rd4x@OHj5}l;6^mOIK z8JI6ovNb}2Pi3Aw@$_U@Wk-9>{Um^$EnPX;a-7WN@&`vUQ{}|D0;B&2W9o6xD^gZ0Q+90#L9cVX`HY!$0xtHGUFm{=DEn(dRBnB9c>?I~v@~wm zHCBSIPgXZ?r_Ou*YIq#2!;pKyC*5q0>;C)&K#0y$Az7`yrSE}`bpyQvLY7=tzuOl( z93c1*scDRBcYZ;RsS;!pQ#*)^!XcI@5qZ0{@gBje9gbs+0Uy-YBLb#pmwvyTHDL$` zi&X!-paI0%{tRiun`?i+LpHHdjU3<*L_EA&+|+^BOY}!_MsTiKsJ*}bj86@VMDEP1 zQ9u@m8EHOJa_DlXjzS;bRx}0k7EngXpY2nn1U`FEjk*;7^+biV_qsv28XM;P$0j?eQxiroTez(pnIUn3Xs($e=>(B=3^??heg5-DLH=CEi>dUy+8c>9` zaoA1(g~jfplnD{^2~CC~Jh4%+x<-7SgaLlQtmx;GiPMWc$0c8o(=7_LizQ1$l3KcS z;vTmFKZta-F$U?J2NGi+GwUNyPUkaH3y6~;I z2~&r|monJC7-Hu!VOV2oY_F6l`4BKX$O5`IDyAX_d#LW5QGclm9A^c9l=rPem3c=7 zGl@v#485+>F;el#sIjfdgS~nW#9xgJOtvXK?F3sd0L_o}A%iYmur@}d`rE}W%@+3a2utRYA5eL4`JhGf8Dr}Nua>$u?{d>V9M2{P9_D=i zsr3^_E-J}2ldv}Xh>o2K_~vi^1A6|kse|7WR!IHxx=(X9PlH_D$9R6WmH7eYW|G z##FJImF?Gz9S~#LzMcnL*GEQ#lGCnQDhQ5nc3SMp5&B{_OP(i$lWrQUbI%)&vj~qL z89$Py>n`U!O9(;wJmacEG4!UGy^LQJFc z=hBPSq5(t11FA*3AV=mz5oU=tY#TOfTWxyPD);A&>!KjX{nV=H26v!H>6+uQAI(OTUiRA3|a{!BjBplx! zrojj~?q8f=IYA@@v61T8w~u?%r%&DD@;Gu=H(2DD7P}0@Bua8Lh?~1&G&om~;$J#j zAeqDJagfHoLI&pwu*y>L1v3$}pO%vEr^LQ37AFO=X)_sO5}X>7?i{@WVM%NeO zA%JImMOsDc(lxSt59E4mVR+m8jLXAcnAgIjc4zK63i|iN-;E)DrHBuNN}cQ4-jKY?RY$kHgaCX<9Rj-*hs@OUXi-?lfC?|80@9m-2r^C_fEayqZez{r3LtIsxn1$FAgE`xmS=IoWKiWL^2zuW^rw~LQSPCaGdOM2$a4wO0Eou`m~QVW2s71k z00>qd*nTO<=`s|@N}UK0@u^Ii;qTF zW$blOA;UWO-5Gom@0nitt}=6=BX!agwbuc^xPu;pC#ruAekCjRTA5LlB+z;6$QU_! zK{jma_X6#`xDIER1q|jbo*ql5-YN zjU@Xu_e+T!uC#Z5?F-hG0`bxDSk3dgI2Vuz<=%VFB|C$}>UzLMn=h{E<@Ir4@?o!$ z7;0|;`D7`W&1Spm)A8G(6x9z9oC5M0wXt6;ik%h^ApVlm22p!++l6}j!U<;Uml$|N z&>tjUY!e{mXU^Zb&SUqKkf}*TCf$N_F>nhgrp9B!6r$5CZ;O++F(;O=mvTUs9m`Mt zg2N`r0+$(L9&mb)`yi>05CWx`+M=UQ+AMOJS$2S)qUP+J*OBob(93=Sr66mv`@Nv< z0Q%5*2#)*0VVC?9T~L8tGjk~%Fx#+^ogif+-?#5Q^Jys7@Zt8W`$_@li}b?b<^#;b z^CgFx=Zj-N9OpT>0g3^{xAb775x4dkwwCWoAbY=kreq3e9k=%{c%;Jz@KT=`d;gzz z`2m4CvK06qSRjZIL`V{1BoYb#Pdy+6l9rBBl8ByxOTv>_`mFmSDH#JVZY-ld&t+cg zD};J75&`PTv-@mTJwKqeqavn{uDp!?{q+MHl~=+s*Pe0s|NM*Ly~lN)uZ(8HgQ?lk z(s|kR3M^x4b&o~|Q@rbnvPIVHwG}QE*qJ`EUo~B|SB(vqd7WoxmLk$8)el~Yd_R8l zYP$WZ8R*9AEj2V!_v?j%+33$#+39xPb$Qv8bt1c3D=G?RW2#kP+?1Pfokc&O6A@D< zo?q$I$oXjC5=MPLRKs00cT(6^#{3@5l?I@k$nrC1#YrC8YP&I!z9h;s7}W@}g$d3( zJi4OQqw|+01y`XN{fvWwu}Cymk@W|r;|U?7H8o$yPOwMYkaz;j{~m7bK3QP-l#v_vhqo>NmgR?rbwm^wJ5^b}p`aXhLzQM4K)xB2x})tRUse|2PB zo^vdZv5%^(v9|qjrhuawaj9XS?j*1r8LqXR53e+;Rj8;xo#jTYVNVHuCfhK@@|E!h ztE$rwxlz*8i_NganjH&eV`amn+ULSi$SA9re3|vfDyDk2EakFUzP~4uPBc}f$P+%l zv=&rEH_8jec>Qq2W}Kvc?=(>pUnFz*$i)WSX?@6Xwy(C;c$Wmzn$O>XgtV zuaB8Se0Dmsk8zcb+5G*f6HG}QYt9MLj6R{+5t0MZ@mqPC3Q`w3m~20b#`}AU7!XU+ zJV#%glxVtd=8cZMl8#q)oIGEl;Y@K@=JD#2!(w#XN3BI3+g~~eNwlH8-=k`jiCLg9 zZMI1=RShrebp?u5i(z_Gu27jU$&elWj-_XvPq_9|B)hRWpDr4MJ}RO6)l;Dudk}js z(f?)ri(bvt4i-J{(4CV5{#{3UqL1<`aHHPns!avH33ZH2^gB+NKW}xuGs(2m`>WgA z?H`ckEh0YQNz?~Y%@x0xpNg;#t3N&09fr3Kwas)>Y`uarN{Ku#)~~x>YjUi?fIOuF zZ~Su3C<(mE3;SZ)QdX~HHrI7>(CBX2o|YLtwS!kS><6U(vQ{>+X-tn=RxkYfGn!A` z+ZwK|*E`(WznDJn*_6)v0g;8?{_uaPEX+L4nVTlve`qw0K*w_UEfAuLMoS7GCoyQ)AP3O*==&jV!~ zu(=JgMU#s&CDq_Jx*r+q_PBnEdNSh)@lpH8itj|-^hy?I4y6i7$9Gjyh`yIaw+5zKk7xQ}(*D)kOa_7w;mdev~b zitnmkg!bVXSWDXe9x2sgHS>FDjra*O(UHjb3EQejVFmTdH<>M+(bNX7t{H%c`2zMZccc}CvD`ZSFX=q5xd(40^6((LqDR7FxtXB@ST^~+VyBesM^*`P9d zNpI}EU`10TfAQ&Y*!cv>e+ippbL~D~G)bA$1J5}}7WR$qyE5KhSj0MPPeJ-#5kn=r zgSoh|o-M3&5&0R0M>JAQ_QEveZWJ^=3u4iEGMA{$RVY4?Tg&iyqH4S2{Iyl8k884P ztmDpi$6Ih!2pmM18YL;4&{s3uhy@B}DX~+-8xGesU(RB<@8H_uY`u4di%6b(axxfyA-9}haaZ+p1B*QA}1W)wTi7x%r z=*#nIvy&*%gjfcr1g^4Li|%`~_sjWD&u8D&Cau!qF)oX?<#7?<(@2=Ons55?84KT) z@#I96ozvD{v6s#rJC`i6#?vK^s`Cxza zUZ#LJcOhYs4cKi&sSfDw-+gtM#M@V5YJGbCu^RpgKC ze4&!apS2<;Tt|-VM6z`a!UT{e>UhUy*-Bq6OAUu1G)nD{?Zn-lw1` zqUX(9`z*szoCo_0bY9C6vrSX%qAs{KwGJ~F-@|f70Pen#RfpQX zXgzA&ZJmU>_e;a0j}}E7PmHuTb)&vW=X=G+w!l8?C|lgXP1Z{h(NlElGbJZ?%Bkl1 zG!!e)M-ARIm^s|PTqT&&SlC5ULQ|$=vdj1rP>FW|%r%r!8!v&j) zg+xx^Y$o`7lxH&e;W5h2&dD!^l?&L)UAhx@NG%RLpQV=qesJMXck!-XSt?ti>H{O| zR%~i z{0fV#dz(A`J=YU_ulQBm2dZOHKg3yST5rE=ocoOXX#8GIuku1oak@~UoUZ~P9HI5s z3^>*q+k3)X%5|&N=>vr#SI^aGgHv~Pq|U2tbuYJGKU&^f#;^9ZobR~Qgx340+Hzmj zZ2aY_7ZoR8*|a>DqGwCw-QcD{Y`Chfh-N?aG z7*lUhRLg(dpvL)`zWnR!t)Jk8Y0*B*G$KYWLezgd4d4!SZIuG~PZ2x=k_!ZFRPdhM z;rH0Sj6yq;i1{3%5`EdK`o6NhsH({{-aFoPyff8k z!C%kDD5`~LzApa74UH3U)Zd7k_0HM0blI$XJor`-{^}-u2$s;ag<__zGxlZc(ZaV% z$+kYm+CEwvlCpc z0%gS~8$7iJTb)u0XXrlC8C!6y=T5y%APfUWvsrM8pJ8jRP&0F;mJQ4BzB0xBn>CwZ z7)lJ97s^G5v3a(c^H*$;Xfyb#_=&4l;f!qX*3Xp9l}b2XmhCu|hJwiFZNW2Ve7Pw7egF6K;yJhM zOnR)Y!dGM|4=~l_@qyyysGt?;+N<|9x-Wc;Tj`B`!oO3j9%K;=AfM_TMc4XXm_=to zG1nx`H)9548``_ed#B@P7$(^~>pC2Uldc#SMYf38EOS?UF}xvdqY6Z+S@6BOA^WM& z2yC-wETRb`upJ&Y9g=BIDk{Vm#uf?*gzW`zwW8f4j}57CY14EF@PCZ0$=P5}RU7fX zXnp!Z+?9y{+1sv*7dJ$yOc%tL>)w>bV$jS94Njtw1rOOZnmf!ndfX^Bhy~_rd0Vrb zsc|bTH?#O#C;28~3w?MVS_{~o+EVfN+#soyO-+_URpcD8mHCazM?IP*YHu^ybpe9e zy9(2b1&dmBzNU3?rk*?lu6?!dZZZ;hMJV4S@*i=A5-yb5g9+n#yGvZt-H7Irol?b zhRps>S#NJ^O3wy`s?!_6Q)(6zz3cD-NZwT4Dx28O%F%oi-P{3$s)->^>~QOOj01wR zJmap`qHhS`y&{MR~;C7TXX~+Hw1 zrmrJ!;St#qfnyhYq$-sXc|<(IcW(Z(YE0k31z$ecIW3VTzst?OBl8{I%k_-gm0(~M zO*57euZP3hPK^jG*8q|9Q!a3PC+~SyBvcrw2>03$)D~*KAw?)Jj7lG>epuBtCU_Rh ze1V{=&(u!c_2jEvtJu=Lx@AsqS{3>4U&d6uE25|$EEEXJd^8z(Y6^DbX50#0*A5Ia zEEvbkYA>g_&F7^^Q;V;zp#H-mI6K;8%c$ zzdAy}$OpGSs<@?y1+CQMNci%G)UW;A&E_|!<)&VvAJZ_qr_+Ow5b9e;C z5cDpq_O2=mi3*qUhNniovqc(WlL|p;V=oZEiWKi>%5a?nE`gY(Tuonu>l=hB#~Jl* zO+c-bRMchxgN^UhaJ?ku${qokh#FgreD!{|u>CKduL=gEk^a4BA9>`diHJlH_j=ru zjghtBNwN(p15tlrRech3izId1pRd*C2&hbmM05A7sw}94cJaE5*m~z{n(A0;onkW> z4Nu^+&!9I3!$mNjUSRplfbm)=PHjp|dXW6~lTq)2B8KgrscgYDoECrOs+ur6+~R8$ z^^|DJ1<(Ybn$d{vSr34JMq`t`^BsBB_Q6oG$?{ZYD)Xu);@raqVr!K06$?koGVU;>n z)TzCz$74l}T*BEhXV@~i-@o_})|kv)v*@E7S*@!{O-NBV-)}puUVnwE z$f}9DVr-R_FKe$6- z(k@~W=9Za?xNrbt{6W1vq{|CggAyoek7ymBM){FMH6eoOsLN@_7eye=r@SLn=2k^Io_>gl? z^%ViC1MH%9sO*vdn&&_FEy0z@R@^9>VWV-rDO)@7MD6frQ_4gNi*GfU<$7-rK2lcH zx;8FSO`G6&XkV1*5rt}|<_BUTC9@|sc-69v2liX}aMmt4f7pqPh^U5MB*%nnMod5d zDsEflz~G!kyOXrJ_LB(g2-=>kbRIDuvFx4S81P+d<^Z0w^zR;7BI-{mo49m>-81#> zkZ#b&z-}kHsVXLqlzjV5>{=*n5I+1;G=kJ^nd(!dGQkdnw`SRN%e$4C*L}qcsk-jt zDRB6Sx$tk1u{r+oWWU&hmoERyWpujCEcba{L_!khZyplS(*83q?+X>Og8r8P=ox$( zkk*i_Gn*^+ovd)J)hT=x5xOS&`sgLWOPC50} ze=Ckh!JrwFs+ro%vTx3nPEV?T&+Lil#}oc$n!veBJ%B8882@tFa7@UJSZXzd1x(;~ z&3pVzDW*oj>(yG{272+W49~qqM#MwSFBAYiIO`$70}qSYn23aJf}M!X5Wqd$ut~(4 ze9PcLn4hl>di-3j$ZhKhE%D|$&uqVU0*DXEbTcb$a?v-?k9&16E*0i{xuWR`pdo93 z?XnW>O!8YZ@3t7F%%#0J42@tKqq&mqRviswh3qW9t&7?f7v42IVm=_wkV5}JQ1$sj zuoK;@{DTR(`?|y<=KXPj{d+d4_LJHA0$YwZLBm^Ir}$g0psvWlyr;2skJ*mCdc`g` z!G`jNi_^7F2EE`q*;FU50&FOc^vr88D+Z1O%3&h*-mu=?6oL=m$9bnXM6B3a)x960 z43@X{KDuJRaiZcKEA)f^@tV9Gcio_MuK5KKf`97tZO)b$EZu~Q&%90zSL$Sn%V?U; z5Bu{{PF%N)$w1p%K?Q(yJ9P$FH`ivjyWPiIePcOr9hmPkn{?M}rISz-TX!Ol86W z`7`&XMcz-gRBdXBNZD$ev)^`OT%Z{teA2{T=%$JJ zE(BLHtjAt_Y^-cc*W6CRrsdAzh)>3sqJq~XJC{!DGdcLov^K50zS{csMEgp6@!F-z z%GjKJKyLH`5X1Sd#Tw~{Sq~@+GDTe0E{(SgUQ!D3-I z5cxj#^@W2R)$tRt;W3!gxj=4k0Yy1{x)nd2y#R;=<-|!2{^P2u851FGS-?%^j7{zue~5y;XuJ>ZSw@ITkRto+;uU=BcY+RpOR*HhiP(i763 ztn{6;PpQ{AN42FY-<~~}yu$0_vW+?I4d-;0@%$7vsVDre8jm@%c$HYjWat*mL(J2( z(`$-w0a(T~o+TL8iaDNAfFV|Tsosnyi1);ExBEYMEPTGw$7fJG8%5m>q=5O$OSK87 zfO^o&f<)ef&66qG7!*i$jg54pCcLnV!zzI8zyQMG3GNw8vr5G7`pE}3`+6^Y4kR-u zIR}5?4v;iGdKq(|ZT{!WgX@2#tfrZDPIDZ;EX?Fvf@zKtYM~>FX zu#`der}I2(1s7m0r?poX^oft0eWp9~;Z6N%U?dboP8=Oz!!TFT#TnhYAI(X@ir;rApnG+4&H>@CK(=3t-oAoDB;Aar)4Zzo( zjns}O)flE4b5sE?%n7D?O!pvXs;e>ik*MI8{#TyEE?RSJ&PP*N=J$W8-3u8yE^F*- zOlqv}^_-8kK6!4BgEyT{Zv1r@3OnYFrO9RU8e+b+f<%66+;Tq4skqbo(h?eL48>G) z9hOOo6twQf1|$eaZbq4Bg{D>@plNUW)ivdiMj=$09vP(#Ixdwm za{Gkzmdqbc?RahSieAK(nPQC_Ty_`J8|Q2Zt23{eEuDc`T*F+VnmSBn%~z34;@qc* z`|aF&^I#}@ey#&j+6Tj$>@MQA*NOse7E48~Ubab(4-6S-m9tgQ5Q8Wu9oXQ($iTi@ z99Q4nXy=7S7@4uXcKQ-oRirwFap4}1%%lk}j#O$2s2`9&9Ayr{J=AhRE|Toc9w-Wl@sc3 zV8jaNuaq3~GSDE(R!FNAWEMLU1h>nSiT;RVDJN!2@jvzrF|yYgsuoilZrCHn zSTZSEVlDLZL-|^v0yb-^4kT_B7K|Bh4kTR_Anwa--vzv7HcxX&v&?Srn~y3;JJk0p zG^(7fB#%sc`IiJnLSE>^Gro5Ia1N&@Pum+G<#-k;ugzh&)fWdOhi_t6+& zJVT2@;l`jhLY$CGOX4(4sWvS({*^Go2!SFdeL%o8RgyHZ;n^s5V1@wRLoJwC7tgBY z*T`V#V%u-;V`_@4MwYxVp(z&E^)9;!%E-lt+z7kpZG{)tF>*y-rmn@QX97^$RdD5d zZC{iT3`>4y?J10)pv-?YQqrHQO3$+F0%O@^X7B;^hKHHrh##mCkhU+M!q-&MQ_p4D zy1x=2PF9Ulm%p7^zv3dMhSzpD9m>wYoQ5lQUqqt?3Wd7Y=g3xJ1gD~ayvTgC$1fmg zuI<+vrlhfbjyaONKRl)jzScjddcGpNi|!4Ak#!eK!9{d8W0SjhH3*%3UAS|>=TC!6 zvr|XMTnX0*S+h(!MM6PsqX&C8f_|1fuIB{tG3-;TM=Q26MlCwwzukdEy0EFLqh%Ji)!SmLO^0 zZrFgzJ>)4Ul{7pTzO3gi-qPz@U%tE+R%>c+YF}HXnK><3jvrQ&p$R8N@SSEwqohM} zqvr-2i!hG7VZsrG4R~ChN!{*HacVZw7fs#yHEonO78soeqOYa++IcfapH2HvMwL|# z5%Ib?{FOinr@~1ENOEf3{pt;jF9)(c_U&T?NPa8kUSmKSrbJd_r*=M~Wk4uD8G+H)M2IUk&N0f z)!0aA3NqS|2+RGW7sgaG$>+%?u|E0;Y6LZsl;@2$>0+wMjT>@Bt{%Cj80JuYtmkxt zOl-(C9Satyp$0*h)`mWb#m`#4|Ay1*?rdmdu^gmmeHn3yb zJv*x4Rk880a~(MuSaOG#?X$YR)hsyG6z(*}Kz~taFY<<9DeewNCCqWA+F@zon!Ta6 zLMXC;;c-OWE=YArz3M)WoF?v#CBJXN2O@yWE+C+1X15m*WqDuIY4Z0Uir>zfXkMDB X?>bh9);kglf|3>v|L?bt{yF$h?xxMU literal 0 HcmV?d00001 diff --git a/src/components/homeTabs/TabOverviewVideo.tsx b/src/components/VideoBlock.tsx similarity index 57% rename from src/components/homeTabs/TabOverviewVideo.tsx rename to src/components/VideoBlock.tsx index 461f51863d..3872e2fa41 100644 --- a/src/components/homeTabs/TabOverviewVideo.tsx +++ b/src/components/VideoBlock.tsx @@ -1,15 +1,17 @@ import { useState, useRef, FC } from 'react'; import Image from 'next/image'; -import { VideoContainer, VideoOverlay } from './Overview.sc'; +import styled from 'styled-components'; +import { FlexCenter } from '@/components/styled-components/Flex'; interface ITabOverviewVideo { src: string; poster?: string; } -export const TabOverviewVideo: FC = ({ src, poster }) => { +export const VideoBlock: FC = ({ src, poster }) => { const [isPlaying, setIsPlaying] = useState(false); const videoRef = useRef(null); + function handleVideoClick() { const { current: video } = videoRef; if (video?.paused) { @@ -20,11 +22,13 @@ export const TabOverviewVideo: FC = ({ src, poster }) => { setIsPlaying(false); } } + function handleVideoEnd() { const { current: video } = videoRef; video && (video.currentTime = 0); setIsPlaying(false); } + return (