.

src/components/GetStarted/BasicInfo.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import { InputCompOne } from '..'
+
+const BasicInfo = () => {
+  return (
+    <div>
+      <InputCompOne  />
+    </div>
+  )
+}
+
+export default BasicInfo

src/components/GetStarted/GetStarted.tsx

@@ -1,17 +1,23 @@
 import { FC } from "react";
+import BasicInfo from "./BasicInfo";
 
 const GetStarted: FC = () => {
   return (
     <div className="w-full flex items-center justify-center">
       <div className="containerMode">
+        {/* Header */}
         <h1 className="font-semibold text-[2.375rem] text-[#5C2684] my-[.5rem]">
           Let’s Get You Started
         </h1>
-        <div className="w-full rounded py-3 bg-[#5C2684] px-5">
-          <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
-            BASIC INFORMATION
-          </p>
-        </div>
+        {/* Main */}
+        <main>
+          <div className="w-full rounded py-3 bg-[#5C2684] px-5">
+            <p className="text-base text-[#FBB700] tracking-[3%] font-extrabold w-fit">
+              BASIC INFORMATION
+            </p>
+          </div>
+          <BasicInfo />
+        </main>
       </div>
     </div>
   );