{{ define "main" }}
<section class="section">
  <div class="container max-w-xl">
    <h1 class="mb-4 text-3xl font-bold">{{ .Title }}</h1>
    <p class="mb-8">Join our community chat or help it grow by inviting someone you trust.</p>

    <div class="space-y-6">

      <a href="/revolt/" class="block rounded border border-gray-300 p-6 hover:border-blue-500 hover:shadow-md transition">
        <h2 class="text-xl font-semibold text-gray-900">Apply to Join</h2>
        <p class="mt-2">
          New to the community? Submit an application to join our Revolt chat server.
        </p>
      </a>

      <a href="/invite/" class="block rounded border border-gray-300 p-6 hover:border-blue-500 hover:shadow-md transition">
        <h2 class="text-xl font-semibold text-gray-900">Invite Someone</h2>
        <p class="mt-2">
          Already a member? Vouch for someone you know and send them an invite code.
        </p>
      </a>

    </div>
  </div>
</section>
{{ end }}