<template>
  <div class="flex h-screen flex-col items-center justify-center">
    <h1 class="text-primary-500 mb-5 text-center text-3xl font-bold">Polarcraft S5</h1>
    <p class="mx-3 mb-5 max-w-2xl">
      <b>Welkom bij Polarcraft seizoen 5!</b> Start door in te loggen met Discord en vervolgens je account te koppelen met Minecraft. Als je problemen hebt maak dan in Discord een post aan in het <b>#help</b> channel.
    </p>
    <UButton @click="navigateTo(config.public.oauthUrl, { external: true })">Log in with Discord</UButton>
  </div>
</template>

<script lang="ts" setup>
definePageMeta({
  layout: 'blank'
})

useHead({ title: 'Login | Polarcraft' })

const config = useRuntimeConfig()
</script>
