get started first step added

src/components/GetStarted/GetStarted.tsx

@@ -4,14 +4,14 @@ import YourAreAlmostThere from "./YourAreAlmostThere";
 import LoanAmountComp from "./LoanAmountComp";
 import ApplicantsAttestation from "./ApplicantsAttestation";
 
-const GetStarted = () => {
-  const [step, setStep] = React.useState(1);
+const GetStarted = ({handleNextStep, step}:{handleNextStep:any, step:string|number|any}) => {
+  // const [step, setStep] = React.useState(1);
 
-  const handleNextStep = () => {
-    if (step < 4) {
-      setStep(step + 1);
-    }
-  };
+  // const handleNextStep = () => {
+  //   if (step < 5) {
+  //     setStep(step + 1);
+  //   }
+  // };
 
   // const handlePreviousStep: React.MouseEvent<HTMLButtonElement> = () => {
   //   setStep(step - 1);
@@ -36,16 +36,16 @@ const GetStarted = () => {
       <div className="containerMode">
         {/* Main */}
         <main>
-          {step === 1 && (
+          {step === 2 && (
             <BasicInfo
               inputValues={inputValues}
               setInputValues={setInputValues}
               handleNextStep={handleNextStep}
             />
           )}
-          {step === 2 && <YourAreAlmostThere handleNextStep={handleNextStep} />}
-          {step === 3 && <LoanAmountComp handleNextStep={handleNextStep} />}
-          {step === 4 && <ApplicantsAttestation />}
+          {step === 3 && <YourAreAlmostThere handleNextStep={handleNextStep} />}
+          {step === 4 && <LoanAmountComp handleNextStep={handleNextStep} />}
+          {step === 5 && <ApplicantsAttestation />}
         </main>
       </div>
     </div>