Added Applicants Attestation Page

2024-03-23 06:23:50 +01:00
parent b8f9958517
commit e2b3978ab6
5 changed files with 158 additions and 25 deletions
@@ -0,0 +1,67 @@
+import React from "react";
+import { Button, InputCompOne } from "..";
+
+const DebitAccount: React.FC = () => {
+  return (
+    <div className="flex flex-col gap-9">
+      <div className="w-full rounded py-3 bg-[#5C2684] px-5">
+        <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
+          DEBIT ACCOUNT ( Your salary account for monthly repayment )
+        </p>
+      </div>
+      <InputCompOne
+        parentClass="max-w-[471px] w-full ml-5"
+        label="Bank Name"
+        name="bankName"
+        parentInputClass="w-full"
+        labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
+        input
+        inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
+      />
+
+      <div className="flex items-center gap-[59px]">
+        <InputCompOne
+          parentClass="max-w-[471px] w-full ml-5"
+          label="Account Number"
+          name="accountNumber"
+          parentInputClass="w-full"
+          labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
+          input
+          inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
+        />
+        <InputCompOne
+          parentClass="max-w-[471px] w-full ml-5"
+          label="Account Name"
+          name="accountName"
+          parentInputClass="w-full"
+          labelClass="font-bold text-[18px] leading-[21.7808px] tracking-[2%] text-[#5C2684] mb-[2px]"
+          input
+          inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
+        />
+      </div>
+
+      <div className="max-w-[578px] flex items-center">
+        <input
+          type="checkbox"
+          checked={true}
+        //   onChange={onChange}
+          className="form-checkbox h-[25px] w-[25px] rounded-sm text-[#5c2684] "
+          style={{ backgroundColor: "#5C2684" }}
+        />
+        <label className="ml-2 text-gray-700">
+          I have read, understood and accept the{" "}
+          <span className="text-[#4545CB]">applicant's attestation</span> and
+          all the <span className="text-[#4545CB]">terms and conditions</span>{" "}
+          for FCMB premium salary loan.
+        </label>
+      </div>
+      <Button
+        className="my-8 max-w-[33.875rem] btn-R bg-[#5A2C82] w-full h-11"
+        text="Apply"
+        type="button"
+      />
+    </div>
+  );
+};
+
+export default DebitAccount;