<% include ./partials/header.ejs %>
<div class="min-h-screen flex items-center justify-center bg-zinc-300 p-4">
  <div class="w-full max-w-md bg-white px-8 py-10 rounded-2xl shadow-md">
    <h1
      class="text-2xl md:text-3xl mb-6 text-center font-semibold text-zinc-700 tracking-tight capitalize"
    >
      Create New Account
    </h1>
    <form action="/register" method="post">
      <input
        class="border-2 rounded-md block mt-2 w-full px-3 py-2"
        type="text"
        name="username"
        placeholder="Username"
      />
      <input
        class="border-2 rounded-md block mt-2 w-full px-3 py-2"
        type="text"
        name="fullname"
        placeholder="Full Name"
      />
      <input
        class="border-2 rounded-md block mt-2 w-full px-3 py-2"
        type="email"
        name="email"
        placeholder="Email"
      />
      <input
        class="border-2 rounded-md block mt-2 w-full px-3 py-2"
        type="number"
        name="contact"
        placeholder="Contact"
      />
      <input
        class="border-2 rounded-md block mt-2 w-full px-3 py-2"
        type="password"
        name="password"
        placeholder="Password"
      />
      <input
        class="block mt-5 w-full px-3 py-2 bg-red-600 text-white rounded-full cursor-pointer"
        type="submit"
        value="Create New Account"
      />
      <p class="text-xs font-semibold text-zinc-700 mt-7 mx-auto text-center">
        By continuing, you agree to Pinterest's Terms of Service; Opens a new
        tab and acknowledge you've read our Privacy Policy Notice at collection.
      </p>
    </form>
    <a
      class="inline-block mt-7 text-sm font-semibold text-zinc-700 text-center w-full"
      href="/"
      >Login Existing Account</a
    >
  </div>
</div>
<% include ./partials/footer.ejs %>
