<script setup lang="ts"></script>

<template>
  <main class="font-sans min-h-screen bg-base-200 flex items-center justify-center p-4">
    <div class="card w-full max-w-md bg-base-100 shadow-xl">
      <div class="card-body items-center text-center gap-3">
        <img src="/favicon.svg" alt="" class="size-12" />
        <h1 class="card-title text-3xl">Macroplan</h1>
        <p class="text-base-content/70">
          A week-granular, learning-oriented view of the features a team has
          committed to deliver.
        </p>
        <div class="card-actions mt-2">
          <button class="btn btn-primary">Get started</button>
        </div>
      </div>
    </div>
  </main>
</template>
