{% extends "base.html" %}

{% block main %}
  <div class="w-1/2 mx-auto flex flex-col gap-5 text-center">
    <h1 class="text-4xl font-bold">Register</h1>
    <p class="text-md">Start chatting today</p>
    {% include "forms/form.html" with submit="Register" %}
    <div class="flex flex-row justify-center">
      <a class="bg-gray-200 hover:bg-gray-300 text-black font-bold py-2 px-4 rounded"
         href="{% url 'users:login' %}">Or, Log In</a>
    </div>
  </div>
{% endblock main %}