{"version":3,"file":"promotions.07a7949f.js","sources":["../../../../pages/promotions.vue"],"sourcesContent":["<template>\n  <div class=\"promotions\">\n    <page-hero title=\"Promotions\" image-alt=\"Zeronet Promotions\">\n      <p>\n        Enjoy fast, reliable internet at the best prices. Check out our limited-time offers and special packages. Get connected with Zeronet today.\n      </p>\n    </page-hero>\n    <div v-if=\"items.length\" class=\"list\">\n      <div class=\"promotions__content container has-s-v-spacing\">\n        <div class=\"list__items\">\n          <div class=\"list__item is-reveal\" v-for=\"item in items\" v-observe>\n            <div class=\"list__item-content\">\n              <div class=\"list__item-title is-h4\" v-html=\"item.title\" />\n              <div class=\"list__item-text\">\n                <p v-for=\"text in item.text\" v-html=\"text\" />\n              </div>\n            </div>\n            <div>\n              <ui-button tag=\"app-link\" class=\"list__item-link\" :to=\"item.to\">View Promotion</ui-button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { definePageMeta } from '#imports';\nimport PageHero from '~/components/global/sections/PageHero.vue';\n\ndefinePageMeta({\n  pageTitle: 'Current Promotions',\n  pageDescription: 'Zeronet is a 100% NZ-owned provider of sustainable fibre broadband internet. We provide fast fibre internet at a great price.',\n});\n\nconst items: any[] = [\n  // {\n  //   title: 'Long Weekend Promotion',\n  //   text: ['Get 5 months at half price* AND be in to win a canopy camping escape!', 'Sign up between 24 June - 8 July. T&Cs apply'],\n  //   to: '/long-weekend-promo',\n  // },\n];\n</script>\n\n<style lang=\"scss\" scoped>\n.promotions {\n  &__content {\n    max-width: rem(700);\n  }\n}\n\n.list {\n  &__items {\n    display: grid;\n    gap: rem(50);\n  }\n\n  &__item {\n    display: grid;\n    gap: 1.5em;\n    background: var(--dark-pink);\n    border-radius: rem(30);\n    padding: 2em;\n\n    &-content {\n      display: grid;\n      gap: 1em;\n    }\n\n    &-text {\n      line-height: 1.4;\n    }\n  }\n}\n</style>\n"],"names":["items"],"mappings":"w2BAoCA,MAAMA,EAAe,CAAA"}