2024-03-22 21:20:41 +00:00
1 changed files with 41 additions and 0 deletions
@@ -0,0 +1,41 @@
+import React from "react";
+import { InputCompOne } from "..";
+
+const LoanAmountComp = () => {
+  return (
+    <>
+      <div className="flex justify-between items-center w-full mt-8">
+        <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem]">
+          Loan Amount
+        </h1>
+        <div className="flex flex-col gap-[.4375rem]">
+          <p className="font-extrabold tracking-[3%] text-[#FBB700] underline">
+            For more enquiries and support
+          </p>
+          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
+            Call: 09099000000
+          </p>
+          <p className="font-extrabold tracking-[3%] text-[#5A5A5A]">
+            Email: fcmbloan@support.com
+          </p>
+        </div>
+      </div>
+      <div className="flex flex-col gap-[2.8125rem] justify-center">
+        <InputCompOne
+          parentClass="max-w-[29.4375rem] w-full"
+          label="Your Monthly Salary*"
+          name="salary"
+          parentInputClass="w-full"
+          labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
+          input
+          inputClass="w-full h-[3.1875rem] bg-[#EFEFEF] px-[.125rem] rounded-[.375rem] placeholder:text-green-600 placeholder:font-bold px-4"
+          placeholder="150,000"
+        />
+
+        <div className="w-full border-[3px] rounded-xl"></div>
+      </div>
+    </>
+  );
+};
+
+export default LoanAmountComp;