first homepage layout

src/components/Home/Requirements/FeatureText.tsx

@@ -0,0 +1,36 @@
+const FeatureText = () => {
+  return (
+    <div className="w-full sm:w-2/3 px-0 sm:px-[15px] flex flex-col">
+      <div className="mt-5 text-[.9375rem] text-[#454545] leading-[1.4375rem]">
+        <p className="mb-[.9375rem] text-justify sm:text-left">
+          Premium Salary Plus loan provides confirmed staff of commercial
+          organizations more usable funds. The employee’s organization must have
+          been rated on Moody’s with a minimum BB- rating, employees interested
+          in the product must be eligible for minimum loan amount of 2,000,000.
+        </p>
+        <p className="mb-[.9375rem]">
+          <strong>Features</strong>
+        </p>
+        <ul className="flex flex-col gap-[.625rem] list-disc pl-[2.5rem]">
+          <li>Minimum loan amount - N2 Million</li>
+          <li>Maximum tenure - 60 Months</li>
+          <li>Minimum tenure - 12 Months</li>
+          <li>Management fee - 1% flat upfront (0.5% for top-up loan)</li>
+          <li>
+            Collateral - Domiciliate of salary, terminal benefits and other
+            allowances
+          </li>
+          <li>Insurance fee - 0.9%*loan amount*tenure (in years)</li>
+        </ul>
+      </div>
+      <a href="#" className="text-[#5C2684] hover:underline mt-[1.5625rem] w-fit">
+        ***Click here to apply
+      </a>
+      <p className="mt-[.5625rem] font-bold cursor-default">
+        Terms and conditions apply
+      </p>
+    </div>
+  );
+};
+
+export default FeatureText;