import { getDictionary } from "@/utils/getDictionary";
import SignupForm from "./_components/SignUpForm";
import { LRFFlowContent } from "@/types/staticContent/lrfflow.content.type";

export default async function Page() {
  const LRFFlow = await getDictionary('lrf-flow') as LRFFlowContent;
    return (
        <>
            <div className="text-center lg:pt-5 mb-4 md:mb-6 lg:mb-10">
                <h2 className="text-light text-2xl lg:text-3xl 2xl:text-4xl font-bold mb-2 lg:mb-3 2xl:mb-4">{LRFFlow.SIGNUP.SIGN_UP}</h2>
                <p className="text-sm md:text-base xl:text-lg font-medium text-grey92">
                    {LRFFlow.SIGNUP.PLEASE_ENTER_DETAILS}
                </p>
            </div>

            <SignupForm staticContent={LRFFlow.SIGNUP}/>
        </>
    );
}