{"version":3,"file":"about.f321f945.js","sources":["../../../../pages/about.vue"],"sourcesContent":["<template>\n  <div class=\"about\">\n    <page-hero title=\"What we do\" image-alt=\"About Zeronet\">\n      <p>\n        Zeronet is a 100% NZ-owned <app-link to=\"/\">provider of fibre broadband internet</app-link>. We provide fast fibre internet at a great price.\n      </p>\n      <p>\n        We make the online signup process quick and easy. And we will be New Zealand’s first carbon zero internet service. Find out more on our\n        <app-link to=\"/sustainability/\">sustainability promise page</app-link>\n      </p>\n    </page-hero>\n    <div class=\"why has-primary-bg has-s-v-spacing\">\n      <div class=\"about__content container\">\n        <h2 class=\"about__title is-wide is-h3 is-reveal\" v-observe>Why we are different</h2>\n        <div class=\"content is-reveal\" v-observe>\n          <p>\n            Zeronet is solar powered, we plant 5 trees for every customer and we offset any carbon we produce with trees.\n          </p>\n          <p>\n            See our complete\n            <app-link to=\"/sustainability/\">Sustainability Promise here</app-link>\n          </p>\n          <p>\n            We work with <a href=\"https://www.toitu.co.nz/\" target=\"_blank\">Toitu Envirocare</a> to measure our greenhouse gas emissions, offset them\n            and be independently audited to achieve official certification of our carbon status.\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"values\">\n      <div class=\"about__content container has-s-v-spacing\">\n        <h2 class=\"about__title is-h3 is-reveal\" v-observe>Our values</h2>\n        <div class=\"content is-reveal\" v-observe>\n          <p>\n            Zeronet stands for three main values, which are at the core of our identity as a company and how we treat everyone we work with. These\n            Zeronet values are:\n          </p>\n          <div class=\"values__items\">\n            <div class=\"values__item is-reveal\" v-for=\"item in items\" v-observe>\n              <div class=\"values__item-icon\">\n                <img :class=\"{ 'is-desktop': item.iconReverse }\" :src=\"`/images/${item.icon}.gif`\" :alt=\"item.alt\" loading=\"lazy\" />\n              </div>\n              <div class=\"values__item-title is-h6\" v-text=\"item.title\" />\n              <div class=\"values__item-text\" v-text=\"item.text\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"worm has-primary-bg has-s-v-spacing\">\n      <div class=\"about__content container\">\n        <h2 class=\"about__title is-h3 is-reveal\" v-text=\"'What\\'s With the Worm?'\" v-observe />\n        <div class=\"content is-reveal\" v-observe>\n          <p>Ziggy is Zeronet's unofficial mascot.</p>\n          <p>\n            Ziggy stands for being down-to-earth, helpful and reliable - just like the Zeronet team. You'll see Ziggy around our website, on our\n            social media channels (<a href=\"https://www.facebook.com/zeronet.nz/\" target=\"_blank\" rel=\"nofollow noopener\">Facebook</a> and\n            <a href=\"https://www.instagram.com/zeronetnz/\" target=\"_blank\" rel=\"nofollow noopener\">Instagram</a>) and in some of our ads.\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { definePageMeta } from '#imports';\nimport AppLink from '~/components/global/elements/AppLink';\nimport PageHero from '~/components/global/sections/PageHero.vue';\n\ndefinePageMeta({\n  pageTitle: \"Our Journey To Become NZ's First Carbon Zero ISP\",\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 = [\n  {\n    icon: 'zeronet-forgood-hand',\n    alt: 'About Us - Zeronet',\n    title: 'For Good',\n    text: \"We're a sustainable business. We're solar powered, we plant trees and we'll soon be carbon zero certified.\",\n  },\n  {\n    icon: 'zeronet-easy-hand',\n    alt: 'Zeronet - About Us',\n    title: 'Easy',\n    text: 'We make everything we do simple. Joining us and getting connected is hassle-free.',\n  },\n  {\n    icon: 'zeronet-friendly-hand',\n    alt: 'About Zeronet',\n    title: 'Friendly',\n    text: 'We treat you like a mate. Our supportive customer care team avoids confusing tech-speak.',\n  },\n];\n</script>\n\n<style lang=\"scss\" scoped>\n.about {\n  &__title {\n    @include tablet {\n      max-width: 7ch;\n      &.is-wide {\n        max-width: 9ch;\n      }\n    }\n  }\n\n  &__content {\n    @include grid((false, #{rem(30)}), (1fr 2fr, false));\n\n    img {\n      max-width: rem(70);\n    }\n  }\n}\n\n.values {\n  background-color: #e1c5e6;\n\n  &__items {\n    display: grid;\n    gap: rem(45);\n    margin-top: rem(70);\n  }\n\n  &__item {\n    display: grid;\n    grid-template-columns: max-content 1fr;\n    gap: rem(10);\n    align-items: start;\n\n    &-icon {\n      grid-row: span 2;\n      //margin-top: rem(-30);\n      width: rem(80);\n      padding-top: 100%;\n      position: relative;\n\n      img {\n        @include cover;\n      }\n    }\n\n    &-title {\n    }\n\n    &-text {\n    }\n  }\n}\n</style>\n"],"names":["items"],"mappings":"+nEA2EA,MAAMA,EAAQ,CACZ,CACE,KAAM,uBACN,IAAK,qBACL,MAAO,WACP,KAAM,4GACR,EACA,CACE,KAAM,oBACN,IAAK,qBACL,MAAO,OACP,KAAM,mFACR,EACA,CACE,KAAM,wBACN,IAAK,gBACL,MAAO,WACP,KAAM,0FACR,CAAA"}