victorAnumudu
59 lines
2.3 KiB
TypeScript
59 lines
2.3 KiB
TypeScript
import { DefaultCard } from "../"
|
|
|
|
export default function DashboardHome() {
|
|
return (
|
|
<div className='w-full'>
|
|
<div className='group w-full xxs:w-96 h-32'>
|
|
<DefaultCard
|
|
descText='You currently do not have any open application. Click on apply for a loan to get started.'
|
|
iconName='arrow'
|
|
iconColor='#FBB700'
|
|
cardClass={`p-4 bg-[#FFFAFA] border border-[#EE4040]`}
|
|
descTextClass='text-[#423131] leading-5'
|
|
onClick={()=>{console.log('working')}}
|
|
/>
|
|
</div>
|
|
|
|
<div className='w-full mt-20 flex gap-16 flex-wrap'>
|
|
{/* cards display */}
|
|
<div className='group h-40 w-full xxs:w-80'>
|
|
<DefaultCard
|
|
title='Apply for a loan'
|
|
descText='You currently do not have any open application. Click on apply for a loan to get started.'
|
|
iconName='greater-than'
|
|
iconColor='#FFF'
|
|
cardClass={`bg-[#5C2684] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
|
|
titleClass='text-[#FFF]'
|
|
descTextClass='text-[#EFEFEF] leading-5'
|
|
onClick={()=>{console.log('working')}}
|
|
/>
|
|
</div>
|
|
<div className='group h-40 w-full xxs:w-80'>
|
|
<DefaultCard
|
|
title='Loan history'
|
|
descText='You currently do not have any open application. Click on apply for a loan to get started.'
|
|
iconName='greater-than'
|
|
iconColor='#FFF'
|
|
cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
|
|
titleClass='text-[#FFF]'
|
|
descTextClass='text-[#EFEFEF] leading-5'
|
|
onClick={()=>{console.log('working')}}
|
|
/>
|
|
</div>
|
|
<div className='group h-40 w-full xxs:w-80'>
|
|
<DefaultCard
|
|
title='How it works?'
|
|
descText='Steps to follow to complete your loan application successfully.'
|
|
iconName='greater-than'
|
|
iconColor='#FFF'
|
|
cardClass={`bg-[#635D4D] bg-[url('../../../src/assets/images/dashboard/card_bg.png')]`}
|
|
titleClass='text-[#FFF]'
|
|
descTextClass='text-[#EFEFEF] leading-5'
|
|
onClick={()=>{console.log('working')}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|