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>
        {/* 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>
  );
};

export default GetStarted;
