From 38becd42ac92910a8b3af059ceefc498d1a600e4 Mon Sep 17 00:00:00 2001 From: Ebube Date: Sun, 17 Mar 2024 20:04:31 +0100 Subject: [PATCH 1/2] . --- src/components/GetStarted/BasicInfo.tsx | 12 ++++ src/components/GetStarted/GetStarted.tsx | 16 +++-- src/components/shared/Button.tsx | 12 +++- src/components/shared/InputCompOne.tsx | 81 ++++++++++++++++++++++++ src/components/shared/index.ts | 3 +- src/pages/index.ts | 2 +- 6 files changed, 116 insertions(+), 10 deletions(-) create mode 100644 src/components/GetStarted/BasicInfo.tsx create mode 100644 src/components/shared/InputCompOne.tsx diff --git a/src/components/GetStarted/BasicInfo.tsx b/src/components/GetStarted/BasicInfo.tsx new file mode 100644 index 0000000..1ba7a55 --- /dev/null +++ b/src/components/GetStarted/BasicInfo.tsx @@ -0,0 +1,12 @@ +import React from 'react' +import { InputCompOne } from '..' + +const BasicInfo = () => { + return ( +
+ +
+ ) +} + +export default BasicInfo diff --git a/src/components/GetStarted/GetStarted.tsx b/src/components/GetStarted/GetStarted.tsx index 8c7e9a1..ea6a80d 100644 --- a/src/components/GetStarted/GetStarted.tsx +++ b/src/components/GetStarted/GetStarted.tsx @@ -1,17 +1,23 @@ import { FC } from "react"; +import BasicInfo from "./BasicInfo"; const GetStarted: FC = () => { return (
+ {/* Header */}

Let’s Get You Started

-
-

- BASIC INFORMATION -

-
+ {/* Main */} +
+
+

+ BASIC INFORMATION +

+
+ +
); diff --git a/src/components/shared/Button.tsx b/src/components/shared/Button.tsx index 3c22961..2bf778d 100644 --- a/src/components/shared/Button.tsx +++ b/src/components/shared/Button.tsx @@ -1,11 +1,17 @@ - +import { FC } from "react"; type ButtonProps = { className?: string; text: string; }; -const Button = ({ text, className }: ButtonProps) => { - return ; +const Button = ({ text, className }: ButtonProps): FC => { + return ( + + ); }; export default Button; diff --git a/src/components/shared/InputCompOne.tsx b/src/components/shared/InputCompOne.tsx new file mode 100644 index 0000000..fad54aa --- /dev/null +++ b/src/components/shared/InputCompOne.tsx @@ -0,0 +1,81 @@ +import React from "react"; + +interface InputCompOneProps { + label: string; + labelClass: string; + placeholder?: string; + value: string; + onChange: (e: React.ChangeEvent) => void; + onInput?: (e: React.FormEvent) => void; + name: string; + tabIndex?: number; + ref?: React.RefObject; + selectValue?: string; + parentInputClass?: string; + input?: boolean; + select?: boolean; + inputType?: string; + selectOptions?: { value: string; label: string }[]; + icon?: string | React.ReactNode; // Type for the icon +} + +const InputCompOne: React.FC = ({ + label, + labeClass, + placeholder = "Placeholder", + value, + onChange, + onInput, + name, + tabIndex, + ref, + selectValue, + input, + select, + inputType = "text", + selectOptions, + icon, +}) => { + return ( +
+ {label && ( + + )} + {input && ( +
+ + {icon && ( +
+ {typeof icon === "string" ? icon : icon} +
+ )} +
+ )} + {select && ( +
+ +
+ )} +
+ ); +}; + +export default InputCompOne; diff --git a/src/components/shared/index.ts b/src/components/shared/index.ts index 4f733f4..750e379 100644 --- a/src/components/shared/index.ts +++ b/src/components/shared/index.ts @@ -1,3 +1,4 @@ import Button from "./Button"; +import InputCompOne from "./InputCompOne"; -export {Button} \ No newline at end of file +export {Button, InputCompOne} \ No newline at end of file diff --git a/src/pages/index.ts b/src/pages/index.ts index b052ca2..0b20d2c 100644 --- a/src/pages/index.ts +++ b/src/pages/index.ts @@ -2,4 +2,4 @@ import HomePage from "./HomePage"; import LoginPage from "./LoginPage"; import GetStartedPage from "./GetStartedPage"; -export {HomePage, LoginPage, GetStartedPage} \ No newline at end of file +export {HomePage, LoginPage, GetStartedPage} \ No newline at end of file From e5c605560b575eca02d454b9b6a733e881774289 Mon Sep 17 00:00:00 2001 From: Ebube Date: Mon, 18 Mar 2024 11:01:05 +0100 Subject: [PATCH 2/2] Added footer and input component --- src/assets/images/footer_back.jpg | Bin 0 -> 9317 bytes src/components/Footer/MidFooter.tsx | 16 +++ src/components/Footer/TopFooterOne.tsx | 19 ++++ src/components/Footer/TopFooterOneMenu.tsx | 30 ++++++ src/components/Footer/footer.module.css | 8 ++ src/components/Footer/index.tsx | 4 +- src/components/GetStarted/BasicInfo.tsx | 102 ++++++++++++++++-- src/components/Header/Header.tsx | 2 +- src/components/Home/Hero/Hero.tsx | 4 +- .../Home/Requirements/FeatureText.tsx | 6 +- src/components/shared/InputCompOne.tsx | 26 +++-- src/pages/HomePage.tsx | 11 +- src/utils/data.tsx | 92 ++++++++++++++++ 13 files changed, 297 insertions(+), 23 deletions(-) create mode 100644 src/assets/images/footer_back.jpg create mode 100644 src/components/Footer/MidFooter.tsx create mode 100644 src/components/Footer/TopFooterOne.tsx create mode 100644 src/components/Footer/TopFooterOneMenu.tsx create mode 100644 src/components/Footer/footer.module.css diff --git a/src/assets/images/footer_back.jpg b/src/assets/images/footer_back.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4133d9f2f5f7a7a1e323ac2204f479ad2a5ade6e GIT binary patch literal 9317 zcmaKRdpMJC{Qr)|%xN|`hHRNR1_3Sr(EkD$ z0tSJ=5Gdq7K&7Dn1F22GHXmte85wD5+5e6If&jr_Fcbon-duu!OT!WJa+{Es|KAJ$ zf1{0dfRZ#|yVMpiPzeB10)mx*8;=310N{TB{9k~80I>AtjI|=*znq}WLjNlt3;+N@ zO1c1~*)}3QC>m_;oP4F?cE=B8M&HQcdA%457ZxAo+4*0{|B3kjhTPmK1>2lKEB&ub z|K$X33;+;d;ATN!C4dv)hkj8oqu`p-pV@;wvp`A5LAR(p7ney^HH}IL>6T*j+^CM?n0a`+{SM=fm){#udcYmTBVN=UeWiR~=cS9ag(! zlPiCAGzA!Uy>rj?gUg9<Im|2 z?@@o%r-)EH1$;*imH0GKx@1>-tCMRY*cz=xRfy*G%LYEI?jZrKw-cJ&ySg+Md3X3o z8SjdYNoJ`l?~$qI-zlS9qGS2|1mg ze6~)$B-Kj0mL9-rG+$Jtx_&~4-GW)9(g+DEA5Ye$v}@cJ)$GP_9yrea=mrOa+?3wr zuZo?amsK(&(t(kAsMjtqRYpa-y}Dswi}rGReR(4U1Wxl1d=BB?V4Y}W9dgURJf+xT zAEw*!#EH#*-s9GyY5RKv5Jyj^`gO|Myq_oLMWqS2-DS9{lAJ4D(s~-=UGYJGE86?7 ztTdrN;7s=zn8WbT{y_zZ-EPp%p7zxrPS%$m>nV7)#G7ddt_^TM5m}}#gFybU%+{Rb zxt}96fZrr6pA!j8?ky512VlmU4pK5y{|~2h;lAM6a*%DN2YO z6QT**C!_Y~NvsFhv9Xu$j?dGiLg1d3FD67c3${F?wi%2(9bk(9#Ji($g7dpQX{sRP zzCvZdJfiF9qxPZ35S9|o>}?rf3y+;mw%62e zj3hkJfA)M~^H_M<(Ppn@{^<+Q6kUvHLatf-gHE2JIZy`pl^+Z5{*#dOfqy^EpI?=` zvsdGi{AEI$Pksxfd~mCThB4PPvRBATWKYR#n|d>q@clP$fVjnC;!zD-fUMPC-<3~W z7u8-tpqw5@YQR$}1|~gsM%pa*(e-->xu2zzf?Au<&Ijx`yG7E|BtqVS(5C`@AM#iPX9!OH~;2e#b9r`r|atM={o>nnIP8O-@FdR6I9a1vv%Zn zleSU3i&?vBv%^7LB(?ozK{tBH{Pec5ai@|#FDW-33kIH`A-N;+&erKhXTB8US&Zi_ zlxBvLo$QY2DD%oe3)doy|0qb>Nz+Rvycx~8Q!86}`VWn;AG>I&HD=a^{`V_`q1g4{ zuSk@olkW88LDE0OKHFy-fR*es{K{+)@E0cM3hy!U#wmGk8<7BdUxJh!NX=wJgkisI z`geaOa?HWF}8YVQ}|d?cm)Y5H`Dm z=-8?lImf+N^zm22-9houvIXWGchQXC6vNC9EHAUC>6oLVC|OQ^&@i)DK)}gvD9h8N zGQV(`H7?`Bd~SAKWIGcr3}cioJZ2*rTi%X*dAq=?k=&sMM06a{p+%e$5RbeS={a0K zm+|2I6tYMs-6k->jG#Wqyfm!;oegoLa37YJ;S5vJ;Rx^}r`;!H=^z-^J z=Zj@@eFR#H(n)inKx9Jv$$@0R-4bf>MVBOXX)i`fMA5OU#4jUKK6{0kwvn$5g$XGJ zRvhKa*M3b9!5EF&?tk4^wbLL+nG6@~DrWi4`Ny-^jN2t zj`2v`F@!8|$MP)E7|Yn#SY6(zw8wbcMEsG`>`?Q4=8Ko#h!3X(mR!s@y7~$fX{t~U zD0?VTyiJ|x)z`fJl~^^;D-7AGWT`mD*y*ICGqyTS>@(R-w_4N|^R{5iFlxj4)!}lP zjUV%ah_13wtAHOLP)a@x+uyxU*8M;*J;TC)T2g&Xv~wCV^c)`ds^e zXMgs1!G_o=$=DTNxSxEOdiv=wJL_ngJ)S}>Z07A6dBW?yU5pdX**R;qIzSm-wV0~_ z$mhFnQCEef5Izv(h;}`o2zQG(BEcI}k&$=KXz7m;n*=hy$UMURG6eAL$T#9J|Bh<+ zTGp6|H^m4U)m$kIVW$f9wqS2Yt$vewi@q9}?#>;A6zup;@|A$|6zd3ak7+6lue-nG z(m(h1u)`wtV!KOqEv+sl%4gkubL+9i|ES5ef(Iw$K#aduE!ee#f*6RUAUN`?4b{=8 z9P`2c^5A!p5BLQj(SqP6<@O}#Mv|^``J)>L@Trw zCW`laQc`;FHQU|dZBFK`*Wm^Of|?1_JxWBHEQE<}zJCl8C%SG9C&0@e^rCzKH+ldj z0rt(^u)RU1ynS2rN9g-?+U+W-kH}I^#eUKJw=`GU?Q%YBhsH4UG=&h(*vuRor ziGX&+GMJZ}H?g9u!q24mB@s`m0$8sYy^Pz+Q~v?i?NxeY>9hUIakS#cBny(3nqBhG zYQ0Bo#DM@S5%!DC*cb_IYF0nWy{DUZ$K~X^Vnav)h6y^?^8D*B{#90xb?@I4 zxpfi#4pdOE{^<{&Puu`hoX0=0JIy4HemUlZ^LnaSBpc;!T#sUQ1KKmWlVo{3Enw&q)o$jLhO==OIEFk<}@A{#BTEx#g@j5DZRlZFmoW?7fdOu>| zrE&=||7JVhBBt+ZdVR7tngqzl-~DPj^K4WOM*Byxy19t_rQj=ZyL6uXF|BBlYYPRz z-~XkQMmi9fey;RIpZ~x(_crBkvD8R*75UeV;bgf9O3=hYlN6}0q)_{f6wci5b8x%S z+PZw<)^m;6A>@vb2ZnTKEg1AHjm1#%@W^vA?s`n zPRu&Jf{ffNDR+I(!`=ksg&SRUn9`V*w35?s*44{AInHN!+W}UA(bv{nazt!r(eBev za2C*0+T z$-Iid1R2kwhpf`;tVRwj5u`;Tz7g1U2ETT?FMsnTMg$8jmxFY-#8~wX(G>8YIj~)G zA}C*HC!l-j@F0z0jCf=?6WFoBmU7uH-An-gssoaL%tld64;@)MNj!;&xtLL)&0Y^7L}{itru=U<7)Kq!`V7rCH1Ky^Ooo_67Z z*w};n5fEUJKFVZHwCR|IYJa0K?vTm!c5L%#s2LdZK3G!p2?Z?_a35lhDHAjCpf|^F zSX}u_JA6AlMc?k8)*mrLo9adGYAKdwJ)vT5>}UgG7e$a1ro9+*RQMt>ZxDqhxrzmH z=0oyszlf+R$)ONmj~qWZvbu2q#=ZCCe2sKWRTJV^A+OtTF$D>GPY+;vUM2`1>Ing{ z;dvW?w+GIMZos24pOuyu)N~CX9}&;+N*%>;H%P9mA(?KD6UJPv&5v}S!`2|MXSekF zccb$}R!^X<=R%c-T>Kt4Y%Pf;1%idl-2Ir|m%oU6>t}MwuwTXaDwLZjtz7jVDg0%q zyhty8x(UT95;vw^ZvXoCUso#mf*X^t0niqrx*vK+1H=SynOjR`9XbW!cc=8BeV?lY zryRj^sSdN$lDZyy^4n8gp2Ua3GS;x2WCv`O>%aj;rVqB*A-|13;}^SwXNG>fMW={N zF&OP^3A*&krqpr^y;pvy4h=Ri=gIMmqC%?xKzE;B(1GIQ=3_LInAaLYG!K2EVWPWx zg?E4|DDVlbjN^s6j&HK1Hgw~CMxN3Q^50jaIIEnW=TaAEn~0iOM;Z)a18n!XW%9K; z^yTpbC#o+GI;254b*9tX{~hIDb*z-`%KC1L^3g*8%(5TMlHznf;uCuR^?>Ysco$@a`q?aC)W;i%T4*)>#0H9V`y(qd|37Kw(w9>X? z-xUZx_97Qu8AIGlQijWaXYjQ(j6Zp)A;~MjKFzl4c>Kp`x=gdpGTQ(KrRw%P_^Rc& z2;FK_k>!aTKQYutzRpCR{Q1ZM$4^ZI{LVeUw$hEdC8L0Fmzw=6#)Q29Gn4C+!VNKU z2cvf7KQVucb`z2gYKeYy#P)WwUB}=$e6k0)P3mXH`LZ3^O(>?pk6AoL4sm3Hn?#jVe)%&HEjoh^^(lH%XptFY_PhHyJh7WCLr*_sRcu+am1z3y%clW$Ic?_Mb2W!4 zMTYx~N^cg4z!>2+Zl|{W7Tw_C0QD8QYY3XFc$FK)i;c|HOXIl4o;?IivD5@qGYUH9X@9CS9C|NPP^oK)Db@F2>jrJt{BNb4q zD_I%4B;I}rVRt_%mI&g&y(Tu9CkQ1cvJ&3y^~i%NPQ!KeWX_!xyEAkGc4kHsFRw@6 z9-y2PhnQ3Qhkd>_6iX>{kkZ=}9MYsPSVE1aMbhCEyrirnseXv&itSx@M!=XqL$?e4 z1b0f)!x3_SxPGT!$Mf7}$jyUU$!p?W4Q`+hdcP78nAFQZGFBWwZrDrZsp5ob&}Yr$ zRhV8~+$~d8A8gq17P_ZGhX7o_-IrO%p1w-m0~&jE6$ZY z(mqEE^+X$n{SnioJ3CKaY+pVfif6k>H=PkXYMt;)vX zN>u%F;U}a1xcuhxy(Y@A1Z^v1;#u1EDBhW#hEjF*l-zKL#q~=$9i*cb`g;tRJ01jy zjE1Wz8l07IHUO=9N)IA4aH!ZIEsOvHbrPsiuWk6ED3;J>wSEn=PQ~d@-AexnZ;m zr*HgoxsRe_JEV$85Lt2fOS;^VuC09}!(|iR+>hd{+y0oAHlV*u7U& z{l%O(J|{;4tslK~x2#ZIwo8C(Rh*xnCHZRBFYX*o#<|@0RX-$E>CVhQn^7={Gd1wx z@GPP~&cFvgd~UF*bkAu31rDr66a4eQLwyvs%D1bH(&xGfMMhqG0+OWKiW&Yf{jj!N2b)iyu`?!vH!w0 zENOtzGW~)-T`7j;32*AZU8C9GJZ2nAcpppOWt!fcK<;|wjY@ia=iGP?t}J1kRN*jV}tMTN!?fpEO1H=u&dhqK z;epGqIT(8y?Z)9DgxoMwX#V;Jt&lh(Lb^Qun-qt73;|L8(1I<5mkK!1#7!T@b5dW+ zkNH4o7HV=xOSJ9LX$D2BICe!u=I1E-NF=gOd8VC=58~yqffg$@9?m?dq+Wg5< z5&yDU6CtKS?{lx2%qsM@0nQJZUXJLQXb*TZy=lXt{K52u6yQ!bWeyRA)`eR%a$-uf%?VxFJS?C|qp zr()?F{Y%!AnNRw+ zdQwoS%-b{8XIT=2;9ffASM`J_dbdxk^w@s2k&LHw0g}5kM`s!(4)M6ofF5b?P@=X-TU3C8x|M7C1fl#iL3cS zXd=?FsBVoUW>I~ZQo@1yj`S zPR{&C_B;z>tz~A;tkBTLk7xqZ9~aL#eFQn1xP1PsIj?Oex5-~LhKN!gzC~Y&F7FX` zjmb@rm{bMDyOk$m7EslTs7|N7%-9)v3IQcpK2en?`w%5V5E}Yj(&Z4Gng zkxQggZX5yj=Iw(9P9+joAOR5`61>%11U*GhvSAa;QEOv z>~qdvrDtU4z4z2ehN?}*XSM7k3`6gW^Dxef!U?`(och<4K@Rfq+~5N584X{Lfzjkc z&YqV3*;mUO!O1dyZGL`d$3 zOpqKbNQPeATQ5TQK92gH-RNZ}?cAh7X;*B>d(6=AP1kx1m`C}Bc;52Oomt}D z^-nF(WqQglpfp%q0IMgd<6$E`Dwim)oc%fJ9})()T-n7?C|8ck-2jMr?G=H+m#h~_ zw)YlgjE_GY-PiCW+yKXAj^Njb8b^v{0i8jP%_}cxA<8#e(Qlem0Y_9aV#PL7l)PeesI_ z$PQN0y>|s}YS|4y5G^~?Ie(`I?*8tm1z*g7NwZCKbqgBY&n!uMzqO}wPdzs&*Q+&k zbypi`UJD~A0*nb!+`iK{$b&*+>6U$pnCyM`hS?#~;NXJtpk%A4Q&-$ z>hCAN`u3%EZN~6g)~J4mx6pcPqTE9--@v+lHLL4KPxEkewnQB zi;4is0V%ik>2*;}9+fkWB4j(=XV3mgdY~ly(+%5JFSs7AzVA-_68}DWz)Y}h{#krD zKCeKh=c2~LcoCAE-uZH8-+?Z=qyBVyA1l#mo-U-xAdW)vOfOflHUO*A3t!&vp*bn# ziYM%gQXKGxd=tBC&pBt6QNETraz34cI|||QOn>IR<9W#gGnTco8qQMtJSZY$-n5+|GgYu%@ zl<`#Txec6e?F#?~R1rEoRh!!g=>m}^?@o@Nk>~Xz^wVdSMChA}AVvY`-+|B@5ganK zG5N}m0rm{^vx*yT=fmE4-gsU@>PJ!>1FI{aw*&h6EzE2bDlpoY+v5uS-bE=kX7zd{#JQUe@=A|qNvcH^SVH8gOZZ3w(xs5tR-o=BE~ zP`vyOUPk89a-014$G+!;rxY4bAWZtNwCB{ph$DkS({}ftt9{CG_NVAtOnTPd@z9WX&4bbegQ7-P*gTxD=RGVWXD)f* z2DS6S&;}q+>Ns+wsB010jh0Sr!Nli?vy&`Qcc{r!vO6qXmiti3xc6UH)4G~X7;Q48 zI1i`7{APYWPVSon6796Oevk>RcYAI>_A*pa$G-)Tap|S_uzcmjbC*+=N`-~yZ{c&DbAHLFiEA0hgbmpt~1Fy*5pMed^xqs>d{%$p#=d4BriOL(ACJZ*w~;hKdy4WSo1{ qlU(U}pybdcnsW&CqHSayl=VEfD$4)!EWz7aPvv$rM0{c6!~X&0;8Irr literal 0 HcmV?d00001 diff --git a/src/components/Footer/MidFooter.tsx b/src/components/Footer/MidFooter.tsx new file mode 100644 index 0000000..867d5f2 --- /dev/null +++ b/src/components/Footer/MidFooter.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import styles from "./footer.module.css" + +const MidFooter = () => { + return ( +
+
+
+

My Bank and I

+
+
+
+ ) +} + +export default MidFooter diff --git a/src/components/Footer/TopFooterOne.tsx b/src/components/Footer/TopFooterOne.tsx new file mode 100644 index 0000000..ef4f601 --- /dev/null +++ b/src/components/Footer/TopFooterOne.tsx @@ -0,0 +1,19 @@ +import { FC } from "react"; +import TopFooterOneMenu from "./TopFooterOneMenu"; + +const TopFooterOne = (): FC => { + return ( +
+
+

+ sitemap +

+
+ +
+
+
+ ); +}; + +export default TopFooterOne; diff --git a/src/components/Footer/TopFooterOneMenu.tsx b/src/components/Footer/TopFooterOneMenu.tsx new file mode 100644 index 0000000..5f124c6 --- /dev/null +++ b/src/components/Footer/TopFooterOneMenu.tsx @@ -0,0 +1,30 @@ +import { FC } from "react"; +import { Link } from "react-router-dom"; +import { footerItems } from "../../utils/data"; + +interface TopFooterOneMenuProps { + category: string; + subItems: { + text: string; + href?: string; + }[]; +} + +const TopFooterOneMenu = (): FC => { + return footerItems.map( + ({ category, subItems }): TopFooterOneMenuProps => ( +
    +
  • {category}
    • +
      + {subItems.map(({ href, text }) => ( + + {text} + + ))} +
    +
+ ) + ); +}; + +export default TopFooterOneMenu; diff --git a/src/components/Footer/footer.module.css b/src/components/Footer/footer.module.css new file mode 100644 index 0000000..ed7def1 --- /dev/null +++ b/src/components/Footer/footer.module.css @@ -0,0 +1,8 @@ +.lower_footer{ + background: url(../../assets/images/footer_back.jpg) no-repeat; + background-size: cover; + /* padding: 0.4rem 0; */ + display: flex; + align-items: center; + justify-content: center; +} \ No newline at end of file diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index d66565b..8bdfed9 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -1,3 +1,5 @@ import Footer from "./Footer"; +import TopFooterOne from "./TopFooterOne"; +import MidFooter from "./MidFooter"; -export { Footer }; \ No newline at end of file +export { Footer, TopFooterOne, MidFooter }; diff --git a/src/components/GetStarted/BasicInfo.tsx b/src/components/GetStarted/BasicInfo.tsx index 1ba7a55..89fa670 100644 --- a/src/components/GetStarted/BasicInfo.tsx +++ b/src/components/GetStarted/BasicInfo.tsx @@ -1,12 +1,98 @@ -import React from 'react' -import { InputCompOne } from '..' +import { FC } from "react"; +import { InputCompOne } from ".."; -const BasicInfo = () => { +const BasicInfo = (): FC => { return ( -
- +
+
+ + + + +
- ) -} + ); +}; -export default BasicInfo +export default BasicInfo; diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 3314109..ad41802 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -31,7 +31,7 @@ const Header: FC = ({ }; return ( -
+
{!hideSidebar && ( )} diff --git a/src/components/Home/Hero/Hero.tsx b/src/components/Home/Hero/Hero.tsx index 83ee5e5..0fcd447 100644 --- a/src/components/Home/Hero/Hero.tsx +++ b/src/components/Home/Hero/Hero.tsx @@ -2,10 +2,10 @@ import styles from "./hero.module.css"; const Hero = () => { return (
-

+

PREMIUM SALARY LOAN

diff --git a/src/components/Home/Requirements/FeatureText.tsx b/src/components/Home/Requirements/FeatureText.tsx index 869cc65..518349c 100644 --- a/src/components/Home/Requirements/FeatureText.tsx +++ b/src/components/Home/Requirements/FeatureText.tsx @@ -5,7 +5,7 @@ import { RouteHandler } from "../../../router/routes"; const FeatureText: FC = () => { return (
-
+

Premium Salary Plus loan provides confirmed staff of commercial organizations more usable funds. The employee’s organization must have @@ -29,9 +29,9 @@ const FeatureText: FC = () => {

- ***Click here to apply + *** Click here to apply

Terms and conditions apply diff --git a/src/components/shared/InputCompOne.tsx b/src/components/shared/InputCompOne.tsx index fad54aa..636e017 100644 --- a/src/components/shared/InputCompOne.tsx +++ b/src/components/shared/InputCompOne.tsx @@ -11,7 +11,12 @@ interface InputCompOneProps { tabIndex?: number; ref?: React.RefObject; selectValue?: string; + labelSpan?: string; + labelSpanClass?: string; parentInputClass?: string; + inputClass?: string; + parentSelectClass?: string; + selectClass?: string; input?: boolean; select?: boolean; inputType?: string; @@ -21,7 +26,9 @@ interface InputCompOneProps { const InputCompOne: React.FC = ({ label, - labeClass, + labelClass, + labelSpan, + labelSpanClass, placeholder = "Placeholder", value, onChange, @@ -35,13 +42,17 @@ const InputCompOne: React.FC = ({ inputType = "text", selectOptions, icon, + selectClass, + inputClass, + parentInputClass, + parentSelectClass, }) => { return ( -

+
{label && ( -