From 5bb0786f5633f6f68b96af6fe894a9cef2883803 Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Wed, 25 Oct 2023 13:35:06 +0800 Subject: [PATCH] Add a blur image for the hero loading --- .../landing/LandingSectionsContainer.tsx | 26 ++++++++++-------- .../landing/landing-00-hero-blurred.png | Bin 0 -> 5440 bytes 2 files changed, 15 insertions(+), 11 deletions(-) create mode 100644 packages/web/public/static/images/landing/landing-00-hero-blurred.png diff --git a/packages/web/components/templates/landing/LandingSectionsContainer.tsx b/packages/web/components/templates/landing/LandingSectionsContainer.tsx index 7781d10e6..a4ccf9399 100644 --- a/packages/web/components/templates/landing/LandingSectionsContainer.tsx +++ b/packages/web/components/templates/landing/LandingSectionsContainer.tsx @@ -187,6 +187,7 @@ export function LandingSectionsContainer( height: 'auto', }} priority + blurDataURL="/static/images/landing/landing-00-hero-blurred.png" /> @@ -209,17 +210,20 @@ export function LandingSectionsContainer( ) })} - + {props.lang == 'en' && ( mag6$eP_)vdl2USh6IN?0YdpWhZ+KCMrwWOU9aQ zY}v+=U3{tM`#k-g*Y|ht>vPY!=e*zNea^j~Kkn;B8Qju1PsK(B007QwX{s5XTIJIv zL_v0X{b&)VacW4MRrFKsp&kGbzy|s@bm-#*#KwNPCbA&@Y3JDA&~zs z3=sej=?WnE3uAF=&koJgb;kK^iF1JeRLmjz8?Br}{I@T3Mzf4^C7c>cxTZM*0HCHn zTR=btngswL>UK3YLz?O7$~nM1MC=@4_D~T&5BM1ipx`HW>Uuztb|60wcTa?zpCb1! zgxslr76x;JenF6Kiri*;2A~@-ZzxDgL{vnSTZsw;0x5VqI>{NT-TaGwdZ)l^1S>`wG*Id8l z6wZptnHxe8Fn6D`wv?o=EBsRUKf!@@s1`!jPnt?l3f0^L!&SL=~RMRtC}`IUVyX3HRlmn zt>2JJ6{K|0l!Dth1*EK+ckvFLZA#&_R!(%k6iHG|IKP(*$1Rr3Fg(v9RPtK~ zq4tj7PKQK%-0f*QLAUtq(|RgPPc(;wY@Bir1*TU&4}N7_+FU-ex*^nlO;NLs=^0tjcX0d2rL$h zbCD3HNK1d^x-{`Yv_>W_7L^TL_w#HHydRl>_q)3`6&;>;yH34Qp=qR|LY7u6-*U>| zrMYoIG)=12$n1@bw!8gNRnVMJNT4zGi8ga~Le1k@S_+Kd$IS=AedEXYj`*?l_53yq zkD@7Q=zEBCrXGHi&<$KAtoDtpEH&HlxABS_hNoOp2~$;nEYlgwrO9h^K^wNklzzbG z+=~{_0XA-?n$0&dBs^Otc7bevHFCMepWbCsE={GC)VfK8iuzn{EQry;#WOQA&9t?( z)ti)HcwYHb3Qsg-^zfu5*}JTFV}IIvsz?yIwSQlMv~TN#&~?-rc`-yZyjZsWVj_Gz zQxU*NGY}#3?7oSD1l|xs|4DVD@=F9u&or@O=ss$~KQh8A*FcoAq@-{t#w5djyVaa^ zd52%kgm@kv1PYwbwmaBZ=_xHK8B3%U+_kJED7lePJtVu?SV`XM>0C! zhganij{lsl$eOoiX{!d!dcTO7h%PmALus4%*gK(c|BKaA4bTfQ%2exN$zJ2dV8uiC zT;T!8J_hWAn+KaoK$sX>ZC@%8B(l5JaDxL5CgY{0*deIR96*|!o}!_qW|pCUaFFzh z$Ax--5`%I1TtB|V7n%Uz=n(Wt^3_i2chI+=3+08jx<}*UXbOY)H_k)H_LZ%C@9@w46P$Gt#C9BIM%1@)2!4?{r4{b_r7f4#@A4O`IP_!P+wuTR? zG27i%!`?zW`#ZU~d=yN5GInViK`QfbZ4#EoD5>#w8_yR4KRkd09iccHo5`c+MIop` z>wxd-%**v#7{rNdB;**ev!%hg!N0RqQa)ims&+%bzHx{RHy#0u;?b{IB7D^hLsZ=r%ZJ_tNtfXx!I!u^^?d#Izx99kC z+!o@>0_m*TJQgpmepLGT-KJ7Mc$2>V)z+2A0q=wNC$NF5W%v*W>OplO9fKK(M8L{$ z_csRSNUd-WQ-FlTiZ>|=i$Qq|T_p%-*l@dvsmx)4zKIA7d)U=$X$HpM^ zp8Mq~ZSVaG1Aa2mmE@<)XcUZ&M13sApBheBTdFXoQU*C{52lF5G4FlzM{UJ0J46Qr zj-x-ozG#tswW_1xFp8CJtJdrvxt)~$G1+@m$+=!jL!SCdO8TX4%#(8obnwSr5D}6m z5vro%;%*KO4!1tOeXF$a=9{+lz!SI9;k+tS!Bh`#Z&jJZZ-_ocPvSjQ8L8;6!TDUN zDqJ~BQ|v5x20d3WuK5Nm2^x7m(aEv`PZrS4`Gs`2+!R(H?cTdS^^f51jms)=`F3@d z11{T?H52BCtBM6yz?FKooY4F#6ao(KCu6WNV~6IXNw?+UR3F>j;Mxs=ap@V3AC#JCS~4#LagF(&Pjkw=oz@OIwkY z{-y}+1J)9q3p1I{460Q(xIV@L)&mcEq}_uL!pgp1s(fWqmG{jGHw4z1llPVxY4A_Z zlG#A*Og-eRjfyfqEJqj>6IE{KiQ^2agrnA`uGP&l5FZ}c1dnt!|7>EveA1M95U_&n zB3MWkjWyW6%h*nG`B7+II+k%vGp1lzi5a16+?|Ra*6D-58h5|7_o_^Mp1)h#)aDGf zW*`K99pn?)uV+ckkr3x6h2^04!#}X+-Ngn-q84-&I&H5v^<_M)vltb3nZ7&VTga1o z*l<@hTqJk9O!|0)EKdwpC`tHGR`FM-Dd8pI)pLG(&DecLT4^KSzZz+ykt5No- z_pVVWz84*vG5AA~r$~}9n>TjIqe#9)l$iM8&OuR~I}&MpzmLlUIsKj#_AvF!^0hax zAPmlZqK?P)0{@*|h6+06tEm`Sj=0!rc~)#=qh&XJJW-k6ETeo~tX!T9ArU{wo71H2 zRXWVfhH)6m=Jc+=v(3V2z8XoGSPFQY@8N~~$ef}_Ysst0uil?rcymMp_Ze9f&=NP} zh(!3dytIns)Lx%Zlt)jC+dz-s`=4JEFA+cAkLQ6Y5G{OgEvW^LrH__ng#dKROPX0WBNSW`>|In^IUXd>++P0O6D^L6oyboOnxP)`tnq2K{C zF2jb40{gDL(KL`zX_MD>`WlafV*r=!xkn1gvk7iP4;M0D>I$%iUBghv> z1)rMUKO|aQqM8Uk^cbskGtE!+B~k3)Jp4-7R=-^t&*MASnL5=y+-$CwW?tu+#W?$3 zM0Q?vdk1NGJCFZ1qN<|8<&w0Aw;s)VqFGWYbs5zs!#=?!Hl|j}o$v7PWcvE2))aw9 zZu$Y;3+!%PT`V`aJh24UBff^+?H_6b)zuWu4dlAF^z!UPhgx2Nr`wVahRz$KY@2a+j4pqBt_`jYMogP1%LRcaW9=^~eL zNv$r+MxS$_b@ zPHLA&CTUBT+HfM%s4Onal}sls4W<~_%R?kR3T#5!lxh%lvE!Ru9iVUNsIlx@qhE!E zwiusmBsg`vs{&qspj!ra^wReY{gfn{{bIh&+A9=-6 zmFKc~1k8+As&*%WhVlyv+;`V#Ew$#P1s`V=Q!rj`5kG1>oSl7zU4KvQOTg~R5f{gz zGSC?ro0mdyM1>?@OhVUN*B2KHr52)l!e+$i5{HAHDt|zq=hz>KAB&(S$g_Tyk$r!g z>5B8DA}?>x6UX9s-WyU4KYdXg>%Gl6^KYO=J9K%1bM$-@Acx7PwQWVko79Ygwd~}nkqv3_BRp-_EZ=~d9CWT%Dw@t` z1h|kFv^Ql+W1{5u46>QNhUhQiZ`kDZ2?jAPSgZ4@Yg^u7AKO_Svlapr8Ea}+UEut}wkfge94u1|}USa9~DiMWgCb5D-8LY$1e zbEPK(j55i6H!;n1TweZr(=UCOd$W8qDXxAhRLHfoUT0@6ulE&sxov`LbPng$qKg)t zwURL57-{lqO*KWmGRY?x50HcaIm2sd?kglvuVab#l%e>}J~uyLpua6x&OAd*SprKO zkiv*605r&Ub|uCu&XoFYe1TrsIyrzHOYy6Z?=8yQy9 zRFuSJe)+-c2-T0EO zlivkX%JI2qzwsQKUtFp8DX8X%0a|}>U(}(;^AiK%2zYyWjL;*uXUc5hVj`vQ>s0PF z?vmkbva)JfF#hFkv=;Q7oRzIQ}IS{oct7xAa~4mrBtTTLeV>H5H^l1Mmav(AGf~3NW>1W*L=Iu zLCSF`GwnTBN!FrFq4t9B^Sc7F(icIw)3h!$vL~P9dRW?tSz9#j$!n((!yT$HkZ+ZA zmvR(mii&z^^8xMtWX$ugmujS?eA@+pv_Lb$FixQlV3T?w4ke-*6J$3*{r$q$a}G-F zi-;OEas>d`jO|DsGdxXm1oY`lsfg; z`RkEAi%>Pm7ha{!Ip_yanM$v4Pp)Xa_NxVaSrPJsS1TgBn{+iLOdby2oW32n3A`9^ z*dQn0oPU>2UpI#Q;F8+OvufuM9XJ|t>_lZCnVM`VmQ~Tdcgch{1v`Rx8tPQ(^@~ASDDDN zU$Q9LL{g^kjO~S{O%dpmMWMf_+WKsNG6!c#3T6fS88EArJ{lWd*(Eaqc`<>B{pM*({ zZ*M%@aKLY&_`6(rMhAYI`jbcL3o0Rd(~*=wPK0z0d`njzK^r?!c}yC@)W2y=0!