added some component to dashboard home page

2024-03-16 17:47:17 +01:00
parent 9d86fc51c8
commit 81b2f439ce
17 changed files with 143 additions and 23 deletions
@@ -0,0 +1,58 @@
+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>
+  )
+}
@@ -0,0 +1,3 @@
+import DashboardHome from './DashboardHome'
+
+export { DashboardHome };