import backgroundImage from '../../public/assets/banners/banner4.jpeg';
import { UserForm } from './userForm';
import { UseFormContent } from './userFormContent';

export default function UserFormMain() {
    return (
        <div className="relative flex min-h-screen items-center justify-center p-4 md:p-6">
            {/* <div className="absolute inset-0 bg-cover bg-center" style={{ backgroundImage: `url(${backgroundImage.src})` }} /> */}

            <div className="absolute inset-0" />

            <div className="relative z-10 flex w-full max-w-7xl flex-col gap-6 md:flex-row md:gap-8">
                <div className="w-full md:w-1/2">
                    <UseFormContent />
                </div>

                <div className="w-full md:w-1/2">
                    <UserForm />
                </div>
            </div>
        </div>
    );
}