<template>
    <main class="w-screen h-screen bg-yellow-50 flex flex-col justify-between overflow-x-hidden">
        <Banner />

        <Header class="hidden" />

        <section class="flex flex-col gap-4">
            <h1 class="text-5xl font-medium">
                Help &amp; Support
            </h1>

            <Banner />

            <div class="p-3 bg-purple-300">
                <h3 class="text-xl font-medium">
                    3% House Edge Breakdown
                </h3>

                <ul class="pl-10 list-disc">
                    <li>1.0% paid out to Investors</li>
                    <li>1.0% paid out to App Developer(s)</li>
                    <li>0.5% paid out to Promoters</li>
                    <li>0.5% paid out to GamesDAO Treasury</li>
                </ul>
            </div>

        </section>

        <Footer />
    </main>
</template>

<script>
export default {
  data: () => ({
      //
  }),
  computed: {
      //
  },
  methods: {
      //
  },
  created: function () {
      //
  },
  mounted: function () {
      //
  },
}
</script>
