<script setup lang="ts">

import MainMenuBoxes from "@/components/MainMenuBoxes.vue";
</script>

<template>
  <header class="text-center q-mb-xl">
  <p
    class="text-h5 text-grey-4 q-mt-md"
    style="max-width: 900px; margin-left: auto; margin-right: auto;"
  >
    Welcome to KnockOutWhist! In this game you have to "knock-out" your opponents until you are the last player standing.
    Do you have what it takes to be crowned the champion?
  </p>
  </header>
  <MainMenuBoxes />
</template>

<style scoped>

</style>
