From 99e0f3f45dab59cad09f64ca19af1c393443b8c0 Mon Sep 17 00:00:00 2001 From: ebube Date: Wed, 20 Dec 2023 21:45:01 -0800 Subject: [PATCH] added details to app download page --- src/assets/css/main.css | 5 + src/assets/css/style.css | 21 +++++ src/assets/images/app-thumb-2.png | Bin 0 -> 17915 bytes src/components/AppDownload/AppDownload.js | 10 +- .../AppDownload/AppDownloadDetails.js | 78 ++++++++++++++++ src/components/HomeOne/HomeOneHeader.js | 42 +++++---- src/components/customSlider/CustomSlider.js | 88 ++++++++++++++++++ 7 files changed, 220 insertions(+), 24 deletions(-) create mode 100644 src/assets/images/app-thumb-2.png create mode 100644 src/components/AppDownload/AppDownloadDetails.js create mode 100644 src/components/customSlider/CustomSlider.js diff --git a/src/assets/css/main.css b/src/assets/css/main.css index a1fbbc8..6ae0af0 100755 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -899,6 +899,11 @@ p { padding-bottom: 20px; } +.appie-title .earn-rewards { + background-color: #f54747!important; + border-radius: 7px; +} + .header-nav-box .appie-btn-box { position: relative; } diff --git a/src/assets/css/style.css b/src/assets/css/style.css index 5215e3c..0031d33 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -117,6 +117,27 @@ font-size: 15px; margin-top: -20px; } +.app-download.options{ + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 1rem; +} + +.app-download.options .main-btn { + color: #0e1133; + background-color: #fff; + border: 3px solid #3EAFCC; + padding: 2px 112px; + letter-spacing: 1px; +} + +.app-download.appie-hero-content h5 { + color: #51B5D0; + /* border-color: #fff; */ +} + @media only screen and (min-width: 300px) and (max-width: 1024px) { .testimonial-about-slider-active .testimonial-box { box-shadow: none; diff --git a/src/assets/images/app-thumb-2.png b/src/assets/images/app-thumb-2.png new file mode 100644 index 0000000000000000000000000000000000000000..a1b504c0502a971d8d7019c94920db818b3c3dcc GIT binary patch literal 17915 zcmd3M1y>wh(=8U<2X}XOcL)~TeIU5ITNvEkA$V|i2rxi!2=0)9APF`=aJzZF=Y79> zf5PoGYjvIOs$IKwo$j@!&xzGgdyj!if(iozgQ27-rv(E83xt7z>qLhCd&Q~&Q~B>e zP(xKm{=J(jr;-kvye5sPqP!kZ#lS+x#tj}GJ~lR1P+5mXMomJ~$k@@#`%~=i(=%=* z9S%huepLfO6+Jl%Ctddt1~Ekwzqr-aRkNU&x3{;y;2KdqcXxN^=jV*lYFGDf_xJZt zPfu^JuTUtISytoh>`Y%@|IeR41azzbG8!5oncLgj)6>%*5D1%sc5ZGiy`;(qQ1{Er z%hlD@uV24xvxZNv@5{={MfE>gMWoP($_r_m`(#)0shgMv#b#$`BOs&ks2ae+AutOm zAtEA?a|j(B9ce{%Jv=-P3=SIjMl3EaDq6d*tgP(r?v9L%sM>pvk59zK#mNDk4-O9Y z_xIJE{hOMbZysO!`ueuEwu*|1y1Ke_JVMsjH|FN%?Cl+-P3_y;+d&}E)YP=3kqw== zqFroOb#=9?t80CIy-QM&Px1Gl;E_WN}NY#A|_ zAfNZPwHZ;p^ip2(+STEdHj~+ZproSf>FJ%>zVdc^^Bfob(opvXy?8r1oZq`>p4|I+ zeyi=)`I4S2Ygoa-EoPkbHLiJg^Y|Jxw_m!l|5BL$l9S2E%&#Os}HP=iOXpz zs_dquq|~i&Z0;Pb()8<0>{#erdA79@_-vrtFguhxqEuKGP}^^p9xfdb3ZwYp@0_vl z#nSlO?0zpTHEo#J%WfM)$?Kbl7Z(FMoZgKB&Fw486!*oy6XO5(1IB^pPYVnT6^xRc zw2t4#Y2KXnMhMB+X2_^%ZOq23Z`4)U@^KvA5)+ku6$fmBUK6QNuH zq)C-S^v|d3n6Fs`{ZXj%bertF z*1d!Ih=thM*eW}J{oC-E|CvuaxwNdcu|22Pe7xttv|qfD%=ooy&i?5I-!}{n!&f-? zQfdJscARc(?Z z()Nl}=0tuVPt?7$Hk~unU-%_yX!7^wW6ROq>WLIp)1gaOZQYv={Y3-O+^xdAPj+2O z|1o0!vCBm;yuI8=eMHl5A45SckC~a**8st>>WNuleS10m9mH=Di|$G8UpiI3BwF(% zHJ-jBx@U(CB5&I0ur23%I^PyOFE00Ot-!%TTJJ|p*kuuUx7pT@~ts=Gj!& zh$KN)9BA^S#CYkw`N{!?6BEv9jL#9Rf#AM_}-~C^g0v{e^lvFynJfvX|-7#+ZP2e-S3>yOnbrh>atjx4JydlW1Nr!{zffwW6rNT z9EzyX7@tZnvItx*>fvrpGP(@se)S>T#--NtQ_i`^Ec#UK`LO5r-PISa^&s4jusn2z zCykl5BSd~y+}ypLbOqp&hk(x;k;%-}zblz)(4jo#CmG}Q&K9+aOMF>ga#j&HEf53fW?xkCY`T&d9}&5AkP>V-ZR(FgR=MsCrzD^fUgFL zj^rTm?}4&vZLChW{K&wsfLy@PP`P~W!MUdceVL4-w3KaYB#J=(Otl}aKAGwCQT#G3 z$^8?zsaWm42TgE9taZOzg7H(e&eV@F*M%@>zz}*}&ds|@yF+xNIz(9I`b9hI);#pB z;8fZKk7(TvIeX^W*0p!Sz}7MR)my-s#^JL!u_i&uI4tB-q=F{zlo3(Sp!gnD5#aFl z2rUv$TW6kaYf;MY>v)r}CqYMxJhw?u0QhLcFHKSX&eRbosed>bROaKsCWC|kYGwOe z%5I4EE;-)LrLg*3lyUm!_~{c_5S(z@q&r0=n@*~xHr5}iDww*Fj#9GzD!$*H@ zX$04=(Ko8^CDCPr4}@`eOZR{*wyhc75gvkt8Fav#lHugrmzN?&<+`Q(akcA;c&DVPNwZ6=dZIlm*})BBh8Q* zfA*LT^h^3k)fE5mE=v@Kf6?Dtk8LC=FZSg-V5+g&bENGSPz(;xRJ+v?OW?_p`8tlH z#~s-hDaYwSRIy5o=OXll$#6XXnl1Oh5&;f=!H^C-wrqLCBCD>d+R2X*o3brXvs`!w z=184Y`1~^vb*8^KjFbvp@Fgf(${@m93_{LNdnO_ z?aWq|VFm8g@HNFNLJGXm9>ca=ab}p>C(0a^G0SyG5P}3{dmDy;4M_BX(h(8-za>fUo&6f@qexmh}=*+XEv{mDh%k z%uxCHx7Tzm%Yp5?=(_b>h(^7B{>>YS>r1r>g`8*f^RHrd@JiRxL|~W9SaCX&l714% zKj+&+Gp4fX{!nhdAX&SNuLm0t0Lqcb5oJ781FSSKfV%be#GLTjyGc;HM5rVxfs#yl(PO?8_(fT%b2Uus!M6lNNaqBm!^uKc0nxXIHGQCA`_~5J z0%M!XpRhyLGoYXVT>E|o#^~ZN5`Q|^hJRCYMiD1Yv1iQ30D+A|Tz}{)q?h39>FNZ4 zIk3+H>oP+Qh-^+g==MclBrw~O+y-E;%?umq^X`v>Cu0ana4B5X*2wSZUmg`e(Zdid zENzM{al#ld)pGC;sibqyQWY~)2N4 zA|Ci*4Q-@f0buzlxU%V67%?9(9R|yMwVwYh+Ev<*->0dhz+m)_R#Y-sixp{?b`q-@ z#NApvbS~}Z>QDWN^y`mas~!AjJBH>bKr$S}f+&}abeJc0A~V6B*$>2s4FQe$^bP&k zc}09Llw)8pG|c?WbbZzcKO%a~pFU`Fd#9(z8?`)>A($?MfW0Dt42i5>+RNDhHDZSH z?X3+eu%$|uN?Wny?Q2ci}O*e z^4~v2&sR`=gpUf$ByFCU-dlyAIm97S4Ymbqj&E`zey~K9H2DA-;*>HN2E5{!eA6Cg z_4D#1+}+07jdimQZ$cdM5fpUS{sTqc9Z9_Zt%g3VJtQ0S=H`C*G_AwNWA(jleE64W zpx=Jz>Gq}LrXB?h)V$-Rr8w#7fWlxpt*IT@ji?gu+Ey!!s!){Tg^Qc_v7{>9Yg&sP zm>(rYmH4FHio57xp{Q!m0|H5V{xt8q``NXb#^F@|?lks2zKto5yg$By~(>*BjEEfTl#MFjSwoH!^{5!c|d z2gJJ2mEg9?DuNC$3$q|#kZVD-3WG?EO^|6Leb#404F_$RVYsksz=t0Hc0KYREp7aY zJpz_^#LaUgx5|x% zp9->jZFyV8-TwrI&l1=r8Dv0TNYQpTG_S{!RmMlyzhOAU`l6z#uuPMvP^;n~`Wl0` z*ptn6Y`&ub5EF)WweqO4ALx)|*;RAoTsw@Z8B~f@0k7%MmlIU@a6!K)6E9?R*S4%q z6vAEqhKH&XH282A;+_Ulv}bUyv6)34prOlb4-x#O#q_xPxfSr3sa(=k;NCp@W&jau zaMxW{?{?!TKs!oBI|Bb}{rBW=Vtfze=tG83UJ3kl0Q>(0cSB9_%}m%+P1SVM8g@{A z{XSY*GNmPa{hT6NrWvjO^xP|0@=gPJ&yzLsb3R(AB50WIyt3m{q*B8tef(oom-Wx! znFb!JJnCVDW+~gFk%@J90tsWB>cKHc6pNdGkvZjhRN@_u8Z+EGxv9j)!oA~i$-gxf?sZ$Q)z9HLBoE=_aJLMv;U`fWlK;H=a_ zOy3fI+MNsip=uDsTIa{IbBqPH0X=q07u(y!GaY4Y6j5U0w-Ngag5oQ(cJ{h`w~Sfs zWHYILqT+JgkRn*&v8h**=KHj>%||dYBM_v|UPX&MX5Cgx`-KC9g0y zQtQx>wV;XEs1qN?lW`iBqAOpii|0g7*FwKcCFu_QU0YveC>9u1_2&QhXX099+$!Ap z{$c7STd3&*@F%j8wfo!>R1K&9dA#1t)yk?Y+LD}iK<-DQ$95$0YHbb6@9Ff!b~dhS zktDMV|Awa$@UAJniMX(zXHD1KirL5TM0b^Q=RbOl++X}BOgMt{_KPUgu&~rNJR#lO zkDcuvNh%gME2GI+0JTe2l{?51N283n&%jn+f((@f~#?AXK~RLm>uZouDeyFjGp8^(|9^O0`rjv_G$h z?o9*zFTI!FHabsgf64=~AA{I2TvgGq)R zth?5bo?;Zjv?Z>g@B*JT3Oax9R(O@<^!lU4DEjZlfGw>D+ra=d)4Q-F-3c$JdL+Ul7Rrd}n{Qud^G*x!+@E`-pEga_H;& z?yG-0*XV%s$i1J-6V4=H=yh|bJ#ksoCu>;M=*I@w{P`yO4!P|0&Fc-CO}M$a8E6%> zbxB0IR1bmd0eo-<1PzgH4*aT7@!f(UbFVicK;iDPH+n^(Ly z3#V<2Gg|kuqZ)+_YiI1n#8@+ohefienL+)HM2lV&qb370dU(~(v&`hSZ#>{B{a!0}{hhwAkpZz} z0N>7((Pi22jjj689|n@!ywnA7}(g2~7%jK5S@3 z7AB&O0q3y1rp+K0a6?6M5M6B$ui&%tQAwfn;~Cqs;$b^C!I(?9I2~Hrfa_ganw51D z?@|(>u~-<}6@?k<>m?MrrE*n}BW=~&wz;G892cj?MiZQ9w!#yuO1$Zza!rf~}*%r?N2A8;^kF#5-Q6>3g1$40*Z1IAuDd2)cX71`L|N`afn#nDQ^= zKudF4#K1QwkcIHfLp(lYq-ueQdM4)sk^{hDPMftoep6XooJMQiZTr0wPJ?*Y<&5|# zLkj+G|8-ttmZF5 zk5wqJj75|4JD&mNMhm)}zAO%G2OXUkN`|~L$`RH}gcwNbv{5-BfBqPzXiuz2z<)RkJxdG~SBOfe zf>6#$ZfqJannlIPDa~cb*HSsQSEQvu2Jh{qz>3s!u!QJ|;#6!*k!dkT+5`tUm=$^k6 zSBz?esY+d*3=6!QW9S3zG;*D{_-fAZt>8 z6uBJins`tV!j!DJ=$da$vBT!$P5U9HACgc%D8%6LzhcnLCcd9R zFr$Wn+(qF0CQH1W&4ZpQN!_0!hZ108BAd&Bv*Ez5xzNnoD#fk~^eCHsrbJ<~JZ%W! zX;)e0K=r_qZ-Kadd4Ml2!*KSchhzT<4LBr~a-dG# z_qaju#muyAiCAPC*tmYy(E0swuwM$qY5w)krZ(*m-Rr7_Gu?8facyv)_-_K8K&QAr{UeuZLQ#IZ3r)a$*86Twcej#|CT)FH70%%vs{~*yWN+ZFwb#x;2yARBM=ZnTbAmqn-9IyD1L>Lc!X2zu`(I#(; zI&3{Vvz>`;Jf^;wA7N*&ik0PR87{+lw#Ue@9N!L3d9}Z;p^SiuZOg(`u7o>Z$(j&h9#7hEL2yLU+vGT#E!=976 zyHsic9LQ@^GPLLX`>$lO)l-a>ZE3PB6R}3O^EW7sYE@VtIz=XCo-^G`x=)kg_a&VJe0{nMW!fqPlod~=-?#` zYL8PS`8zhlJm|i*I}B<}7xWA3x)=ep%K*892mimIxY$MBV6WHZzB#$qF0t@2N84O3 zeH~p{RCPfGWU1<9{SG?a*PItn^71SXP^($XzW%JjlK$J`k}3-db3ZaeZu`q&6FuyO z^Y>w%5O!FwJ^Pt&I4tn_n>dz*&JwW{fp_yK6nU+?3@ps#%>9R5NJB7vH zWlwz+)oXO18KaJh%A^EvRNbd#(I$|?WVJCDZ>hM3+1uu;Iw8QWM&#zgh=)>n@UqMKvZmk6B?*F0lAY9^)9uMBX)~_iPiqv zioJq}EQY3vx^4Yh`rbBsR|4`bKidhhN_wbz)uWkhFoZ~_t*@!F_V-4dI?-fJNh3M7 z+M_%ibMsGABoy;0KMH^O@&)@xG3=t=M+nkIzc-j)bc~g*p^GRa5^7n;qy%?@bBN}{ zkLP?%0a2c2?E8dVCGNbCm8xgqHFseUuXjK;f?GU2_u}$;CpqAO3+4+pfs30mP89woxU;0IT%tZ@Sy8rZ&P5-o60v(qFv6LouM ziV1>3ucl~`LvIg%+yALrbq#HAZtm&ne%vVUO0cZWa+ZT-x36gk@c$?ir8W5kLJM2< z(q;3TCz<;a$KoLNg*odBD-y_11%QF!D6dHhKm@;#ySX60-B(G5L912;^#lb4-=aRA zJiHg&Pb{NlEY)k&&u&UwIN1C66DP}`A$~8~jUK_G!QhXF0S+;N+<}9{1YDQS&vlO& zBe{lNjY?^Q8iKU10@;I`)Dr;@^&A|)$6EwWhUfY1F;Ojg!lVLI1-`w)*?4~s@E^p( z6Tr?!!0SuBac9x#`GsWg{eF`ftRrUbr;#3J3y?c?neLlT?0!n!t-P=Dr)97<#P)4c#wj8%iB8_r&r6t!eIn^bY%B;sKr|^muc=WU(!z?*GN4rVg8 zkFskiGgu1@ogdO)PDFTH3Qf(ke)_bY9i%C7#nn;H+EN4`G#^DF)ESsaI(D z!pksP!~Xb;W(&6~sDeLmRI&L5)2XSGUeYSJ6_W+GGjdnvN3YT_M9@ z5YK6D=R-!*7~vjgqMjn$F4z9-oE#xxR^~>Q{zJ$Z-%}y)-pWG(c9~d&-Zn5Qy=gKH ziwLoFN2oSKd%a~UrUh%7NoDhkf>t{hEUjj%ysXkaltoFC<}yU*Q~s=S<>*Pnkw4Zl zSh~SP4$|xC)rL}!hU}>UABRJ-cpKve_QAnDeX3%T=d314Eo>2=jMK_t5Gl4G{%mL2 z+tW4E!cNZ@KgcA?0J`67!vV%6%T03Cm0B&KhwnkTt5v_?z39koXvh%7CjgJ#NCJ-A zc7%cO{0Lv`h&$L>N}__dv{L2p@$j&7nRqN7SZGz|TOLAM+FjoV+t7>@vz<%GQ3tpMg zJFVyxz4s_=;y1xBF~;Ps(MQ%MKzK)7qa)&h16*eSk?Tc;z#c~xDv0c-2aJFWr;4Ib z=T!8G;h~%@@;$f^q-+4g0k_s3rws~_W~4oqqmU5t^F!^uQeaf2U@KF0j91;K)Y*8d z>5Z?|Ri7=vO!)TPKoJ&$G@}kM4Yd;veMg*>nn+x=x=LTHK}i>gnD78M3Jg2EWM5h* z(zwdkNmMDYPn0ASDU?q?l%Vt=K)J!(SXb*W({)^vkL#w|lzUi8Hv7x%m=rahWwz6M zs%L>I{%u?QRUDh3HCL4Yg*yvqre9_$+}Wxvy0Nv60La$Mg68V+WY}_R6)Qq16Us_>u?84$%F5rR2fQsG4{N-S%67|xpq6RxI)m5>by;zeH)|SGN9K;;E2I zNSE#HCdo%hw=@1>>WnJi4|6FBsO&C` z(>TnJE?Xo6fTD|=QMgDsVAosa`cYO&Nl5m1ycgx3wqy12GXQp>_RHHmj~x*OGnSmD zxYKy>!l(!gicE8rmAQQne6dPP_G<5=ZiXg<+X1h%TCvfxiGHd&mhP9(Q3zzmjKa*f zI5*QB!!Gp=Gu?w2CiJ^Q$%<>jchIacR%Q9o*V&2HMqI4-!5CU01HJv+$@eti_B$)< z8Jihj;($Z8ORxmQZ$99p>&M~O2JY3y;iYUW%Fw`ofXCvlKCyh!&3KjhuAvZ3S8aiT zco1cw%JZHFID@L(fj`joViXd8e+NzJJ7w;iX4dH)!Fi$qYikd@Y)5C~C}4ErQiG$d zz}$!ZVD>+jFZ0}D{5SdLrr~bLc%q%1zCL~gDqI}x6F`(Y_bmPyE&B|wky%Y8%uX)* z47cV*f)9Eqi)Dh*5iVbT-ML;ZyP*Kt@bqIL@b{y?_MX?LTC=eZ&1XZ!280HLM0tg~ zWt{@Aln6F&GsXwG3Z%7WmT0nS-`#}$EYWgnq{x_M+zC;@3@aA*a|C}1XnLDr?Cm9; z`};pG2>#8<>6C+DdqVok+TzlX+K|~Or~qqZ$1IZ=7BT4vU+314^gh0|W+I6k zMp#`1qELKo7q=po*KZ2y52ZN0m@CD+-n+)gs6Q($@beiETkq$ltftv8Er8$SN+x|+ z2_h(Zf+? zYa@@`O}U)R<%s&fJGg9opIqY=DKzl*TlyK)tZqb#p8e}1>pWYs^<1Z~kSQO3YAZS#;#zQ47=;1iVqvVERqx!Beu$fopAV%BP((> z_EjbpNkI=7RTl3vy-~ME1i-d`)KNCdW>-=fl)YxUa?x6L8iX)71_k;kIal z+A1o{X(~bu%{uzbubMNF;gq5++@i+=q*VpK_H9Q&PMwsHUct+6%I$)G5E8QWHqUe&+UHNS3l$oB zJZMou17IQ5=AlqX)v7|*<45QE%`O;s&!&zQzhLY#aXW9T>vRV+c5kDI8@;M|Bho*Y zyNSgZkhR#G4dk&Mvl)i=xZu>L_gbg%O9mGjaLX4rk20;wL8*F17#;YcFg_wWjmu

G)*Rld5U0IcEYOh<$ksS%OVXP-l_MDz@~_8ueplb>knM`%#p*?p1>pU&ccz_ zW4gmQX&34lTaZRb?{h@$e!-n_@jQlEYtYlLc0V^EZ!6}jnOUX=p2DoT;5;HjS=?bv zYJCElxlQ+NL}0$ALMbVNd_I7B6BRlcKgaj2o;BXo%*=jgY}@^EyOI|nV8na;n%y7x z^np|b9_A~jC}*vMFaLr=GDv@o0H`2ELu_QGC$CHQaSGlHn}YM(D8ViKt>tea!lf;$ z5BVMT8a2-IhUV(+@%N8~UApSM@m04K-1!% zkAhtPc%!JV0ls#FvBZIYjlYhmT(Y44F19sy6m89ocoiDu0K+}ON!AJiWzoMsy9V za_LTGy6Me4!`p}iX9ogi5tPl*e!>Zl#rn9ObbkKG5}qWRy*(qNemztmwMQ0Rn28Ov8Z_p?Tl$E72QU&~{@iK5<&CefixPaFe2IKy;>c9MqfIyUDJTMlxswUgs4Nkc)COej4%{el z+o6NWS$IJavc$kxE*t0Ht6^4{I!bohsI{y=B0SDgi;9*fZKOiqLGg z`ts_Bxu>xrV-=`BSgC&~cQ!o`hC`p+7!pqnD^z4QLdv(tM&*7E?q zGm|Wq{0&~)Ee?ErJdotf$MQ_7)wK%x1k?PflHRg}ct&r}azPC~Wvn8Qd1z@==s7dH zRVhVfFc+SH<0quZ0k^!Bge6%<)xL)>GyWsLXB1*HvtJ!4=X75PcV|zJU+3-J@bGB+ zayMairxAK2yhPj|%`e}Th;-p-?V_xSbdo-i>zI|><^3tc#HQ96WWg5tWzMs;Pw7P& zUR-7ng&O7FteS>wvQ41Bj~gP~*^g@Fg8wFdcd@+e->5Jt6q)-VPqw*9MDp$Sx462m z7}!aO*kXc^HR6j7)in#q%p~aSSCaf%BL$^x+=xkiN4H@Fx0G3(4$GYQb~AF-ZST|j zvEL*J-?+INbo5xRC7t6?=M3sx@AU)}{lT>95oI9*tKuRO5`b?b(7COXRD1Uf!GzX$ z3t8m>Y*E(F97iuj&~cHOb6-rf6hG&KAck+;f;>RhZ;=V~1=F?9&q}(YJh=QB5KZkg zMlqUc-^c#awaAg^_Dt!J!9gxSqf_!U!^a6EI0CFsHQ2z!>L5&)FA^O@y7&T&$T&;; z(>w^d2;m9Xh)RYB6H*L-uiIdmfkhQK$m@&Coy7^C3c4jb9}Bwg#|-RjeR^(ueUv

P37)3s*pz^TaWFh6-<6Bl(5VI`8yO4t}nKk+OBLE3!_ z1y+J0*PUwXy+s$97#JBTRn^o7)J+T)fxz(i&mrm61@iEQ6LU<82EcT(bE90A2X{^> zd1gpfDB?~J16cXfYa8?qE95Iz=7pDtMp&cZ2}bWj@mt8#nP9yhKpxhFMpa?bV=%6X zTA=ei0{ikDGXm~yE1m1R%iJU#9YfSsXi#aH00>)cutdXozw{C zQzKxbXiCHI59o;H#RZ`&?ZUMOzSC=6k+CkeooGn8Ca(M^K4t3;YF3Z{QA`)}l-Xo( zSELdO=AKpB^pbJ?udinUC2r(slsmoN@*Wd@yrg8ETq(W%+dG%>8|QzX^fud047zqN zd>uSFU5U9!UG;*k=7z(>zwWM|ku3>Go`S_7YlUhTKYo1nA#6Bv*&J=x;)PJYnZOkl zBmr4oVF*c#)0xyyu^Q{^>-xH^eT8|lD1%UdKlZV(Fa;o=Tx!=HdbeGiiK2hGtA-y_ zAup`bRA?6)^S@~U2NB|*3b(iG>rI7p7ki!<3AtF`(m0CHKtqe_EYZodwO?pLS>(gZ z`E|j`ukR}4N()3tUz|!2%BvlpP40z2u-GT{zwG72ww>;7u~_5peM}FIWp?y^y+(*~ z-7eYpfuSPG0w11Pah3M2ia%ZoXb-66TtdAf*6 zi*mz5Xzh!yUhncP>V)ig zdwFm+eEoT81@}6_US*(xrvkU;*H`gLTprvo zsu*Fa&k)XaJhz%$Ka*ws+!lHDX}*0}lJ)6p?LK04nxKmS-^Te;rH z?fX>G$ugsDJeAoyNDa)@Y_}Nt7#A{Xk7Mdlq?%CSC{p9SDnpBoGRk9auoX2akvb`i#-_k+C zGAyG~Z9M~7T1cB#UdVD?PH_}So$`_8a1ZU?y{&pdy2vGNU%^CWZ!5h}Ulf^?s^pXq zyGAb$Zm}|R4h`-JzmGUQe!vakr&X1BIA1jn#m}Bm=P>Ol)ZJHUG@B`DM_NBk&(6(s z5(xZt(DR`8d+)5=Txlyw5jMFT6uL#2m5#;Fe6^p$_h>OgL61oBvAhJymmN3?NVCLB zKhicxV`x8J+e!0@XZaSs{tzvrh@Ai-;1OIeW3k!QNC_6Qqt5yb@^+hlOrpf zCwH0n8dpsxj*ovI>l0PNHB)meBYm=+raY3g=U<=<#V1pD{uZ$#_3}|bTT?TIxa&Tb z^nDu|7VQ=+Bp;bJ0jhLSOu&kN6k1WP!}4A~mYL#tWQT>I9!Udp_Y*XgC{bb9T{y?G zWZo~Bo4KNAajng_-X+gCpt_tjpk8xa_ard@A2@dGJ^W=gzPsQjCyR1LUh9S_a|5`x} zd!)3~SfQUVvsJEkS-IY0q_@)UT&bGMMEj;Dy-pf)y|6}NZ0JhaU2$=I#d!3T7u@FJzx5Y?UZl*SYW zdc7NLKx6$zS&^2qsM1~-P@&P1m0O!N(l_|USk|pt=gSf)zbCzMg$AHE?ofHMvP-|) z?raA;{~@Se=l6^*n`_AK87ARPU$Dg99EBLk`22Uu{KN&GrpNwkfN=gD{dN1t0^u+q54Zva z!CwF4bENwhh&)f_4?o~*gc~F1Vq5Mnsw%d^y=w8VJd``?t=tE<#cl-fc2Pa`Kgs^d zi107yzj!GBUPCT6hwMvK^+vlfiUd_uL&^X0!GMS&({Am1qJVyJku&^F_#X!UFCoYs zYtTE$EOIifYV==f|G=B(sBFo0(So(_u+M9tT>sPw5P1$i`YX&dll1@A1j0ECMv;kD zFNEU%gA3V@tirAw{>LXAN{s#WuK@pB@_*|7udWJRcc3bq%3-gZ??90tiO8`k?DGUD z9vJ!VJ{J=xq8g1tUO9Z!KD_upbdYI-IwH6KWB#Wz3imo_b5#FIF;@-c0~g{H{gdQB zVu&+sNs33f*@B|;z5iSFTnm?HY{TEEzjgl0XPRE34~h=n#y^)O0xF>VLzs4}kk^#* zKZ^d-hW|$6NaTZqk$n}qupsBC|7i7#tK={LzpeT&+FzQlps|0U|Au{nA`w!&&%rF# zg}8%y#gwVGnEy5%nO2qPKLIuz;r}S~4G5ac|5s$%Qy(nBLKSq{1h-^ltpD3+$RexQ zbPy3_hv57#;3Dv<1N?&QE7vuU>m~^%$ML!2RSx=siDvOnmlggxKzO(QrZPQm%71X{ z6#bt`SjL<)>3)@!1Ya;bUr;ve=KB!5)`k9lY=6>59>|AIJ*|En;7M@1 z0}b?so;~7$x6h#5V8PHX$waqRk!SZe=>7B`UC{1_d)GzY;17~0-s)V&CnHYImZiB+ z1aM*Zp42}|%0&Nyt`qol(uu_wW{Zm9Qk{+9i_wYAe}bm35!o}gPV8<1zWzj+sG=${ z?&P2-HZECo|Lm~|hF#@OwO%!r$Lyb+z=DV?`BJWXlPnlQQk9ZVd5U{(F~PjuZGFWR zN^?rR=1#)wr1{o?n*n|Afx^ulI4FL&zkYrcMPkL0=OG<>ar#ID+s*sc#whTm3$9G1 zc_d9=Vj0}xDA9#;BcByfL*n8XlXG2N^Lz8DqGluLi`C#50L@6Bbm{aKJ zMG9P7%Z`j@!Jck_>B#&+SKFCf*5D?$#b?CEzy#Md&- z;i8pfaA>!iR`kK(9&D4)xT=#{{Osfz3Ma!Uo5M_Gp_)UdOaB>&rtPyZ z@)$fjMb{}Yd5aG@F%Ba&kZa>-QT)JqF(?mwK34#e?5A>ZzX)A<_K@?*nR8&BVr_I_ ziivQX@-PPf>Yuv*=m~60-@ZPYsRCs8GO;Ctc&q8x4+@PpKLnUuIR#mbUb0AGzFDGS z_3G8uqbc2XCt=zU@>`o5sRhi`)E4<5p2-|MpaL%MjjS?fX_1kq-M%ncae z!(Z+WG)IOOqxEY-GNA^_;z4Z=ZXpsq*bXPEw%=^$qVthOm$eIib#%PlfW?OUn?eWt zmTI7Dj^N)$Jj=68IGEo`=czCGD$%7CQtMP2VNS9==3;)c1--1&mYZ0 zW3j$oQpw5!Z+?iiukKY)tBaO_1O$8edQ+OucjBNSAtAR;PkXm>(XD4~#dkk>O)cG& zrjw2FF-Je;W#Qe#IT|@gnP4EaTY#Ij)!92;U+qytAxzH`*?VNiMfc9GRA!W3M1S@L z5?@$4J2tvRT13bQ^+_Q=+`&6mJ3svMwYN1P<91q(rfUb}DvZ;e-3sXwnwO&h6;2^< zWePt_LC@s^<>v&|p%026T+Z7K ziGSadDs0Motc-x*4o$FH2Sp0q$GAwR}y89GRY8D3);(hPpY9`n4L4-&u0(?&UU z%trrc>wiD{ZdNUdO{_l64Sy`#VtmB>BI47pUckqq)wsG`a3Y4G7Is7W#zE`E4)~ulYHgXpmVTFSuKAGl}s>zx35z0 zd4f83mY*hBKtfuG#M4ve_GmUXUs@W1BS6LGiOEK7zyl48Pjth-vaGMkpjKXQI@Ou9 zMv)dA06LQgy}6~*V+(cnv}TPz9z{>={cAO<3cy0vH|}m z0tEg0nVygM<1wdE!my|y1dAFfJ7N*>6;vxBTVU!Z(vf3A6QP>v6ajkWaMcoWbSN;E z6WGI7&E|(z_p;e(e`sCc4`YaP(}sGZ3Pn^kD-c#Cr{d^!ge=Iq_l0}Tn>HxhP|=W$ zvPJB&GC$Y?d_(7Qq)>AKe=;N7oQOwMceEQI&cCsUjcH0awrxTKDfolw*kws!?59$L zO38s{)kMXlW1=!?Ym|&B7brJcja{_byR9~UUEv?hxYcR3uNWVyO4S{$Tvzb*tX7ce zoFmgnAt%L1xCjYhTPLS2Aufw_N%Z*gwVT8+U|dH;*I2X}qlj-^oVfl*+`}WWBml$U z%8tZK9R47Z_e?pQNkl1tan?Iv;y9mfcscJ zX*<2Sz)$SaU69uW-L4y3y%dC*`#^4QHTr!7@&*8n{V@-(T%)J$wk8k$SZCKh9GbzI zP>d0y2JmhsK8&hKgWI%#5_+THIQPSZsA>$Q*OtJz<4F>-`+vv88&bxBdV{t>sTz_-I62Z#M$K1jWOuNVBAFHXJw;lZg&{)2H@1Do zxU%ptPwM517cY)}NIwY4as$sVT-fPQYgSj&G5$pypKr_0x|pe|-5|eHfw` z8ge8Q$9zAVFkNojS>FoDgtB*lasBWUR{BAt1QEWMLtC+(@N(!kY zJ^v@xl;3?>ilifv$kuv%C%Qzu1I*FwoyU*j>tBer7HakA@y^b+OZP4a`+go)bmQ-; tg?c`UVx^T -

App Download Content Here
- + <> + + + ) } diff --git a/src/components/AppDownload/AppDownloadDetails.js b/src/components/AppDownload/AppDownloadDetails.js new file mode 100644 index 0000000..ccb0dcb --- /dev/null +++ b/src/components/AppDownload/AppDownloadDetails.js @@ -0,0 +1,78 @@ +import React from 'react' +import heroThumbOne from '../../assets/images/app-thumb-1.png'; +import heroThumbOne1 from '../../assets/images/app-thumb-2.png'; + +import heroThumbTwo from '../../assets/images/app-pic.png'; +import CustomSlider from '../customSlider/CustomSlider'; + +const AppDownloadDetails = () => { + return ( + <> +
+
+
+
+
+
Download from
+ + +

Turn Chores into Exciting Challenges and Earn Rewards!

+

Your place to set family goals and reward achievements. Find tasks to earn from, or build a tasks portfolio and find others to perform tasks for you.

+
+
+
+
+
+ {/* WrenchBoard */} +
+ +
+
+
+ +
+
+
+
+
+
+ + ) +} + +export default AppDownloadDetails \ No newline at end of file diff --git a/src/components/HomeOne/HomeOneHeader.js b/src/components/HomeOne/HomeOneHeader.js index afa8e13..c077ece 100644 --- a/src/components/HomeOne/HomeOneHeader.js +++ b/src/components/HomeOne/HomeOneHeader.js @@ -4,7 +4,7 @@ import StickyMenu from '../../lib/StickyMenu'; import Navigation from '../Navigation'; import getConfig from './../../Config/config' -function HomeOneHeader({ action }) { +function HomeOneHeader({ action, showLogoOnly = false }) { var site = getConfig()[0]; useEffect(() => { StickyMenu(); @@ -21,27 +21,29 @@ function HomeOneHeader({ action }) { -
-
- -
-
-
-
- - Login - - - Get Started - -
action(e)} - className="toggle-btn ml-30 canvas_open d-lg-none d-block" - > - + {!showLogoOnly && <> +
+
+
-
+
+
+ + Login + + + Get Started + +
action(e)} + className="toggle-btn ml-30 canvas_open d-lg-none d-block" + > + +
+
+
+ }
diff --git a/src/components/customSlider/CustomSlider.js b/src/components/customSlider/CustomSlider.js new file mode 100644 index 0000000..8e2d484 --- /dev/null +++ b/src/components/customSlider/CustomSlider.js @@ -0,0 +1,88 @@ +import React, { useEffect, useState } from "react"; + +function CustomSlider({ images, speed, indicatorColor, indicatorClass }) { + let [sliderCount, setSliderCount] = useState(0); + + const sliderStart = (count) => { + if (count + 1 && typeof count == "number") { + return setSliderCount(count); + } + if (sliderCount >= images.length - 1) { + return setSliderCount(0); + } + setSliderCount((prev) => prev + 1); + }; + + useEffect(() => { + const sliderInterval = setInterval(() => { + sliderStart(); + }, speed * 1000); + return () => { + clearInterval(sliderInterval); + }; + }, [sliderCount]); + + return ( +
+
+ {images.map((image, index) => ( + image + ))} +
+
+ {images.map((image, index) => ( +
sliderStart(index)} + className={`custom_indicator ${indicatorClass}`} + style={{ + backgroundColor: `${ + sliderCount == index ? `${indicatorColor}` : "" + }`, + width: "15px", + height: "15px", + borderRadius: "999px", + border: `1px solid ${indicatorColor}`, + cursor: "pointer", + }} + >
+ ))} +
+
+ ); +} + +export default CustomSlider; -- 2.34.1