terms and conditions added

src/components/GetLoanScreens.jsx

@@ -12,11 +12,13 @@ import Offers from './loan_screen/Offers';
 import LoanPin from './loan_screen/LoanPin';
 import SelectedOffer from './loan_screen/SelectedOffer';
 import GetLoan from './loan_screen/GetLoan';
+import TermsAndConditions from './loan_screen/TermsAndConditions';
 
 export default function GetLoanScreens() {
 
   let screens = {
     products: 'products-screen',
+    terms_conditions: 'terms_conditions',
     getLoan: 'get-loan',
     pin: 'pin-screen',
     offers: 'offers-screen',
@@ -120,6 +122,10 @@ export default function GetLoanScreens() {
               <>
                 <GetLoan step={step} handleStep={handleStep} screens={screens} />
               </>
+              :step?.screen[step.screen.length -1 ] == screens.terms_conditions ?
+              <>
+                <TermsAndConditions step={step} handleStep={handleStep} screens={screens} />
+              </>
               :step?.screen[step.screen.length -1 ] == screens.pin ?
               <>
                 <Pin step={step} handleStep={handleStep} screens={screens} />

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>
+  )
+}