Added new pages to dashboard

2024-03-23 17:03:13 +01:00
parent 07f7a90c0d
commit ea4e6b7a59
23 changed files with 743 additions and 313 deletions
@@ -0,0 +1,68 @@
+import { Button, InputCompOne, Stepper } from "..";
+
+export default function DashboardProfile() {
+  return (
+    <div className="w-full">
+      <div className="w-full flex justify-center">
+        <Stepper step={1} />
+      </div>
+      <div className="mt-[3.25rem] flex flex-col gap-9">
+        <div className="flex items-center gap-[4.125rem]">
+          <InputCompOne
+            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+            name="applyIshInput"
+            label="Select your gender"
+            labelClass="font-bold text-[1.125rem]"
+            input
+            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+            placeholder="Male"
+          />
+          <InputCompOne
+            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+            name="applyIshInput"
+            label="Residential address"
+            labelClass="font-bold text-[1.125rem]"
+            input
+            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+            placeholder="Somewhere in lagos"
+          />
+        </div>
+        <div className="flex items-center gap-[4.125rem]">
+          <InputCompOne
+            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+            name="applyIshInput"
+            label="Marital status"
+            labelClass="font-bold text-[1.125rem]"
+            input
+            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+            placeholder="Single"
+          />{" "}
+          <InputCompOne
+            parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+            name="applyIshInput"
+            label="Select your state"
+            labelClass="font-bold text-[1.125rem]"
+            input
+            inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+            placeholder="Lagos"
+          />
+        </div>
+        <InputCompOne
+          parentClass="max-w-[25.875rem] w-full flex flex-col gap-4"
+          name="applyIshInput"
+          label="Email address"
+          labelClass="font-bold text-[1.125rem]"
+          input
+          inputClass="w-full h-[3.625rem] bg-[#EFEFEF] px-4 rounded-[.375rem]"
+          placeholder="johndoe@gmail.com"   
+        />
+        <Button
+          className="my-8 max-w-[25.875rem] btn-Y text-black w-full h-11"
+          text="Next"
+          type="button"
+          // onClick={navigateToProfile}
+        />
+      </div>
+    </div>
+  );
+}