import Image from "next/image"

const about = ['سوالات متداول', 'تماس با ما', 'درباره ما'];

function RegisterPage({ children }) {
    return (
        <div className="flex padding-responsive items-center justify-center flex-col !bg-contain !bg-no-repeat !bg-top place-items-center h-screen w-full">
            <div className="flex items-center justify-center gap-[5px]">
                <Image
                    src='/assets/images/logo.png'
                    width={40}
                    height={40}
                    alt="logo"
                />
                <p className="text-[#5559CE] text-[20px] font-bold">نوبت ۷۲۴</p>
            </div>
            {children}
            <div className="w-full mt-[127px]">
                <div className="bg-border-t-gradient-sign h-px w-full"></div>
                <div className="flex items-center justify-center gap-[56px] mt-[36px]">
                    {about.map((item, idx) => (
                        <p className="text-[#494CB3] text-[16px] font-normal" key={idx}>{item}</p>
                    ))}
                </div>
            </div>
        </div>
    )
}

export default RegisterPage