import { Register } from './_components/Register';

export default () => {
  return (
    <>
      <div
        className="hero min-h-screen"
        style={{
          backgroundImage:
            'url(https://img.daisyui.com/images/stock/photo-1507358522600-9f71e620c44e.webp)',
        }}
      >
        <div className="hero-overlay bg-opacity-60"></div>
        <div className="hero-content text-neutral-content text-center ">
          <div className="max-w-lg">
            <div className="card bg-base-100 w-full min-w-[500px] shadow-2xl max-md:min-w-[400px]">
              <Register />
            </div>
          </div>
        </div>
      </div>
    </>
  );
};