{"version":3,"file":"DZVPimws.js","sources":["../../../../pages/premium.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon } from '@heroicons/vue/solid';\nimport { BASE_TITLE } from '~/utilities/constants';\n\nuseHead({\n  title: `MintGarden Premium ${BASE_TITLE}`,\n  meta: [{ property: 'og:title', content: `MintGarden Premium ${BASE_TITLE}` }],\n});\n\nconst priceInXCH = 7;\n\nconst includedFeatures = [\n  'Personal handle (e.g. mintgarden.io/acevail)',\n  '20% discount on minting',\n  'Feature NFTs on your profile',\n  'Premium badge',\n  'Wallet Notifications',\n  'Two free auctions per month',\n  'Support MintGarden development',\n  'More features to come',\n];\n</script>\n\n<template>\n  <Container>\n    <div class=\"flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0\">\n      <div class=\"relative flex-grow overflow-hidden rounded-lg pb-4 pt-5 text-left sm:my-8 lg:w-full lg:max-w-7xl\">\n        <div class=\"sm:flex sm:items-start\">\n          <div class=\"mt-3 flex-grow items-center sm:mt-0\">\n            <h3\n              class=\"mt-2 text-center text-3xl font-extrabold tracking-tight text-neutral-900 dark:text-neutral-50 sm:text-4xl\"\n            >\n              MintGarden Premium\n            </h3>\n            <div class=\"mx-0.5 mt-16 rounded-3xl ring-1 ring-neutral-200 sm:mt-20 lg:flex lg:max-w-none\">\n              <div class=\"p-8 sm:p-10 lg:flex-auto\">\n                <h3 class=\"text-2xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50\">\n                  Get one year of MintGarden Premium\n                </h3>\n                <p class=\"mt-6 text-base leading-7 text-neutral-600 dark:text-neutral-300\">\n                  Unlock a full year of MintGarden Premium and enhance your experience with exclusive features:\n                  personalize with a custom alias, showcase NFTs on your profile, get a discount on minting, host\n                  auctions, and support MintGarden's development.\n                </p>\n                <div class=\"mt-10 flex items-center gap-x-4\">\n                  <h4 class=\"flex-none text-sm font-semibold leading-6 text-emerald-600\">What’s included</h4>\n                  <div class=\"h-px flex-auto bg-neutral-100 dark:bg-neutral-800\" />\n                </div>\n                <ul\n                  role=\"list\"\n                  class=\"mt-8 grid grid-cols-1 gap-4 text-sm leading-6 text-neutral-600 dark:text-neutral-300 sm:grid-cols-2 sm:gap-6\"\n                >\n                  <li v-for=\"feature in includedFeatures\" :key=\"feature\" class=\"flex gap-x-3\">\n                    <CheckIcon class=\"h-6 w-5 flex-none text-emerald-600\" aria-hidden=\"true\" />\n                    {{ feature }}\n                  </li>\n                </ul>\n              </div>\n              <div class=\"-mt-2 p-2 lg:mt-0 lg:w-full lg:max-w-md lg:flex-shrink-0\">\n                <div\n                  class=\"rounded-2xl bg-neutral-50 py-10 text-center ring-1 ring-inset ring-neutral-900/5 dark:bg-neutral-900 lg:flex lg:flex-col lg:justify-center lg:py-16\"\n                >\n                  <div class=\"mx-auto max-w-xs px-8\">\n                    <p class=\"text-base font-semibold text-neutral-600 dark:text-neutral-300\">One-Year Membership</p>\n                    <p class=\"mt-6 flex flex-col items-center justify-center gap-x-2\">\n                      <span class=\"text-5xl font-bold tracking-tight text-neutral-900 dark:text-neutral-50\"\n                        >{{ priceInXCH }} XCH</span\n                      >\n                      <span class=\"text-sm leading-5 text-neutral-400 dark:text-neutral-500\"\n                        >plus VAT, if applicable</span\n                      >\n                    </p>\n\n                    <NuxtLink\n                      to=\"/user/profiles\"\n                      class=\"mt-6 block w-full rounded-md px-3 py-2 text-center text-sm font-semibold text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-emerald-600\"\n                      :class=\"['cursor-pointer bg-emerald-600 hover:bg-emerald-700']\"\n                    >\n                      Get it for your profile\n                    </NuxtLink>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Container>\n</template>\n"],"names":["priceInXCH","useHead","BASE_TITLE","includedFeatures"],"mappings":"+kEASMA,EAAa,iCALXC,EAAA,CACN,MAAO,sBAAsBC,CAAU,GACvC,KAAM,CAAC,CAAE,SAAU,WAAY,QAAS,sBAAsBA,CAAU,GAAI,CAAA,CAC7E,EAID,MAAMC,EAAmB,CACvB,+CACA,0BACA,+BACA,gBACA,uBACA,8BACA,iCACA,uBAAA"}