terms and conditions added

src/components/loan_screen/GetLoan.jsx

@@ -4,7 +4,7 @@ export default function GetLoan({step, handleStep, screens}) {
 
     const handleGetLoan = () => {
         // handleStep({...step.details}, screens.pin)
-        handleStep({...step.details}, screens.offers)
+        handleStep({...step.details}, screens.terms_conditions)
     }
 
   return (

src/components/loan_screen/TermsAndConditions.jsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+export default function TermsAndCondition({step, handleStep, screens}) {
+
+    const handleGetLoan = () => {
+        // handleStep({...step.details}, screens.pin)
+        handleStep({...step.details}, screens.offers)
+    }
+
+  return (
+    <div className='mt-3 h-full flex flex-col gap-3'>
+        <div className='text-input font-semibold w-full flex flex-col gap-4 justify-center items-center'>
+            <p className='text-center text-base md:text-xl'>I accept the Terms and Conditions</p>
+        </div>
+         <div className='mt-3 flex justify-center'>
+            <button onClick={handleGetLoan} className='p-3 bg-purple-800 text-lg sm:text-2xl text-white font-bold rounded'>Accept</button>
+         </div>
+    </div>
+  )
+}