<template>
  <main
    class="flex h-screen flex-col justify-center items-center flex-1 flex-shrink-0"
  >
    <div class="flex flex-col justify-center text-center px-4">
      <div class="flex justify-center items-center py-6">
        <img src="/cover.jpg" alt="hoppscotch-logo" class="h-16" />
      </div>
      <div class="flex flex-col items-center">
        <h1 class="text-2xl text-secondaryDark">Login to Admin Dashboard</h1>
      </div>
      <div class="flex my-6">
        <AppLogin />
      </div>
    </div>
  </main>
</template>

<route lang="yaml">
meta:
  layout: empty
</route>
