import PageContent from "~/modules/page-content"
import Form from "./Form"
import Link from "next/link"
import Modal from "~/common/components/elements/Modal"
import TermCondition from "./TermCondition"

const Register = () => {
  return (
    <div className="container">
      <div className="grid grid-cols-1 md:grid-cols-2 gap-x-10 pt-16">
        <section>
          <h1 className="text-2xl font-semibold">
            Daftar Akun Indoteknik
          </h1>
          <h2 className="text-gray_r-11 mt-1 mb-4">
            Buat akun sekarang lebih mudah dan terverifikasi
          </h2>

          <Form />

          <div className='text-gray_r-11 mt-10'>
            Sudah punya akun Indoteknik?{' '}
            <Link href='/login' className='inline font-medium text-danger-500'>
              Masuk
            </Link>
          </div>
        </section>

        <section className="my-10 md:my-0">
          <PageContent path="/register" />
        </section>
      </div>

      <TermCondition />
    </div>
  )
}

export default Register