{"version":3,"file":"Pricing.78faac90.js","sources":["../../src/assets/images/level-1.svg","../../src/views/Pricing.vue"],"sourcesContent":["export default \"__VITE_ASSET__978e8d04__\"","<template>\n  <div class=\"public-layout\">\n    <div class=\"header\">\n      <section class=\"header-contents\">\n        <h1>Offering</h1>\n      </section>\n\n      <div class=\"bottom-angle\"></div>\n    </div>\n    <section class=\"mental-fitness\">\n\n      <h2 id=\"licenses\">Company Training Licenses</h2>\n      <p>\n        We equip companies to be ready for a future where human potential is\n        fully realized. Based on your needs and company size, we will design the\n        best setup fit for you.\n      </p>\n      <div class=\"pricing-table-container\">\n        <table class=\"pricing-table\">\n          <thead>\n            <tr>\n              <th></th>\n              <th><strong>Bronze License</strong></th>\n              <th><strong>Silver License</strong></th>\n              <th><strong>Gold License</strong></th>\n              <!-- <th>Freemium</th> -->\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td class=\"row-header\" @click=\"pageState.expandState.odDescription = !pageState.expandState.odDescription\">\n                <h3>On demand library&nbsp;<i class=\"expand-icon fa-solid fa-chevron-down\"\n                    :class=\"{ expanded: pageState.expandState.odDescription }\"></i></h3>\n                <p v-if=\"pageState.expandState.odDescription\">\n                  Train on your own by watching pre-recorded workouts whenever you like.\n                <ul>\n                  <li>Access to +50 pre-recorded mental fitness workouts</li>\n                  <li>Accessible 24/7</li>\n                </ul>\n                </p>\n\n              </td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td class=\"row-header\"\n                @click=\"pageState.expandState.gymScheduleDescription = !pageState.expandState.gymScheduleDescription\">\n                <h3>Weekly gym schedule&nbsp;<i class=\"expand-icon fa-solid fa-chevron-down\"\n                    :class=\"{ expanded: pageState.expandState.gymScheduleDescription }\"></i></h3>\n                <p v-if=\"pageState.expandState.gymScheduleDescription\">\n                  Join LIVE online group workouts and be guided by a Performance Trainer.\n                <ul>\n                  <li>Train and develop your skills together with a Performance Trainer</li>\n                  <li>Access to 15+ LIVE online group workouts per week</li>\n                  <li>Meet and interact with other people</li>\n                </ul>\n                </p>\n              </td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td class=\"row-header\"\n                @click=\"pageState.expandState.requestWorkoutDescription = !pageState.expandState.requestWorkoutDescription\">\n                <h3>Request your own workout&nbsp;<i\n                    @click=\"pageState.expandState.requestWorkoutDescription = !pageState.expandState.requestWorkoutDescription\"\n                    class=\"expand-icon fa-solid fa-chevron-down\"\n                    :class=\"{ expanded: pageState.expandState.requestWorkoutDescription }\"></i></h3>\n                <p v-if=\"pageState.expandState.requestWorkoutDescription\">\n                  Request a LIVE group workout with a Performance Trainer for a time that suits you.\n                <ul>\n                  <li>Plan and schedule your own mental fitness training</li>\n                  <li>Choose among +50 mental fitness workouts</li>\n                </ul>\n                </p>\n              </td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n          </tbody>\n          <tbody class=\"more-info\" v-if=\"pageState.expandState.moreInfo\">\n            <tr>\n              <td>\n                <h3>Workouts for all your mental needs</h3>\n              </td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>Mental Energy Workouts</td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>Mental Flexibility Workouts</td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>Mental Strength Workouts</td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>Access</td>\n              <td>24/7</td>\n              <td>24/7</td>\n              <td>24/7</td>\n              <!-- <td>24/7</td> -->\n            </tr>\n            <tr>\n              <td>\n                <h3>On demand training (online)</h3>\n              </td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>On demand workouts included per month</td>\n              <td>Unlimited</td>\n              <td>Unlimited</td>\n              <td>Unlimited</td>\n              <!-- <td>Limited</td> -->\n            </tr>\n            <tr>\n              <td>\n                <h3>LIVE Training (online)</h3>\n              </td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n            <tr>\n              <td>LIVE online group workouts included per month</td>\n              <td>Unlimited</td>\n              <td>Unlimited</td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <!-- <td>Limited</td> -->\n            </tr>\n            <tr>\n              <td>LIVE group workouts on request included per month</td>\n              <td>5 workouts</td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <!-- <td>Limited</td> -->\n            </tr>\n            <tr>\n              <td>\n                <h3>Personal support</h3>\n              </td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-check\"></i></td>\n              <td><i class=\"fa-solid fa-minus\"></i></td>\n              <!-- <td><i class=\"fa-solid fa-check\"></i></td> -->\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <!-- <button v-if=\"!pageState.expandState.moreInfo\" class=\"see-more-button\"\n        @click=\"pageState.expandState.moreInfo = true\">See more</button> -->\n\n      <div class=\"cta-btn-container\">\n        <p>Want to know more?</p>\n        <router-link class=\"nav-link-text\" v-bind:to=\"'/companies'\">\n          <button class=\"cta-btn\">Get in touch!</button>\n        </router-link>\n      </div>\n    </section>\n\n    <section id=\"programs\" class=\"training-programs\">\n      <h2>Mental Fitness Training Programs</h2>\n      <p>\n        Customized Training Programs designed for targeted groups, delivered\n        online or in-person. Together we tailor a program to fit your specific\n        needs.\n      </p>\n    </section>\n\n    <section>\n      <h3>Training Program: LEVEL 1</h3>\n    </section>\n\n    <section class=\"example-program\">\n      <div class=\"workouts\">\n        <div @click=\"gotoWorkout(workout.id)\" :class=\"[workout.category.shortName]\" class=\"workout workout-card levitate\"\n          v-for=\"workout in pageState.workouts\" :key=\"workout.id\">\n          <div v-if=\"workout.category.shortName != 'CC'\" class=\"muscle-tag\">\n            <span class=\"icon-detail-type\" :class=\"[\n              `icon-type-${workout.category.shortName}`,\n            ]\">\n              <SvgIcon size=\"18\" :name=\"`${workout.category.shortName}-1`\" />\n            </span>\n            <span class=\"me-1\">{{\n              workout.category.name\n            }}</span>\n          </div>\n          <div v-else>\n            <img src=\"@/assets/images/level-1.svg\" class=\"CC-cert\" alt=\"Certificate\" />\n          </div>\n          <h3>{{ workout.title }}</h3>\n          <h4>{{ workout.subtitle }}</h4>\n          <p>{{ workout.description }}</p>\n          <button class=\"learn-more\">Learn more</button>\n        </div>\n      </div>\n    </section>\n\n    <section>\n      <div class=\"cta-btn-container\">\n        <p>Want to know more?</p>\n        <router-link class=\"nav-link-text\" v-bind:to=\"'/companies'\">\n          <button class=\"cta-btn\">Get in touch!</button>\n        </router-link>\n      </div>\n    </section>\n\n  </div>\n\n  <Footer></Footer>\n</template>\n\n<script lang=\"ts\" setup>\n\nimport Footer from '@/components/Footer.vue';\nimport { ref } from 'vue';\nimport 'vueperslides/dist/vueperslides.css'\nimport { onMounted } from 'vue';\nimport SvgIcon from '@/components/SvgIcon.vue';\nimport router from '@/router';\n\n\n\nconst pageState = ref({\n\n  expandState: {\n    moreInfo: false,\n    odDescription: false,\n    gymScheduleDescription: false,\n    requestWorkoutDescription: false,\n  },\n  workouts: [\n    {\n      id: 5,\n      title: 'Discover your life',\n      subtitle: 'Life overview',\n      description: 'Get a ‘helicopter’ view of your life, evaluate each part of it, discover the gap between where you are today and where you want to be – so you can design your life!',\n      category: {\n        shortName: 'MF',\n        name: 'Mental Flexibility',\n      },\n    },\n    {\n      id: 12,\n      title: 'Overcome your mental barriers',\n      subtitle: 'Mental barriers',\n      description: 'Learn how to recognize and handle thoughts, emotions and behaviors in uncomfortable situations. Work on twisting your mindset to overcome mental barriers.',\n      category: {\n        shortName: 'MS',\n        name: 'Mental Strength',\n      },\n    },\n    {\n      id: 6,\n      title: 'Get clear on your goals',\n      subtitle: 'Goals',\n      description: 'Get a deeper understanding of your goals. Explore how to focus strategically on your long-term objectives by classifying, organizing and analyzing resources you need.',\n      category: {\n        shortName: 'MF',\n        name: 'Mental Flexibility',\n      },\n    },\n    {\n      id: 3,\n      title: 'Pep yourself up!',\n      subtitle: 'Self-talk',\n      description: 'Become aware of what you are saying to yourself and create a strategy to deal with that inner voice. Develop a productive way of thinking to deal with your self-talk.',\n      category: {\n        shortName: 'MS',\n        name: 'Mental Strength',\n      },\n    },\n    {\n      id: 13,\n      title: 'Can you feel it?',\n      subtitle: 'Emotions',\n      description: 'Learn how to understand your feelings better, the motives behind them and also explore the connection of your feelings to different situations in your life.',\n      category: {\n        shortName: 'MS',\n        name: 'Mental Strength',\n      },\n    },\n    {\n      id: 16,\n      title: 'LEVEL UP 1',\n      subtitle: 'Certification Ceremony',\n      description: 'You will get your first diploma! This ceremony is about reflecting on your individual experience and connecting the dots with science.',\n      category: {\n        shortName: 'CC',\n        name: 'Certification Ceremony',\n      },\n    },\n\n\n  ],\n\n});\n\nconst gotoWorkout = (id: number) => {\n  router.push(`/workout/${id}`);\n};\n\n\n\n\nonMounted(async () => {\n});\n\n\n\n</script>\n\n<style lang=\"scss\" scoped>\np {\n  margin-bottom: 20px;\n  font-size: 18px;\n}\n\nh1 {\n  font-size: 50px !important;\n}\n\nh2 {\n  font-size: 36px;\n  margin: 20px auto;\n  width: 95%;\n  max-width: 1200px;\n}\n\nh3 {\n  margin-top: 40px;\n  margin-bottom: 30px;\n}\n\n.mental-fitness p {\n  font-size: 18px;\n  margin: 0 auto;\n  width: 95%;\n  max-width: 1200px;\n\n}\n\n.nav-link-text {\n  text-decoration: none;\n\n}\n\n.header {\n  background-image: url(../assets/images/pricing-header.jpg);\n  background-position: center;\n\n  .header-contents {\n    color: white;\n    align-items: flex-start;\n    // text-shadow: white 0px 0px 6px;\n  }\n}\n\n\n\nbutton,\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"] {\n  all: unset;\n}\n\n// checkbox input\ninput[type=\"checkbox\"] {\n  margin-right: 5px;\n  border: 1px solid #000;\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.header-contents {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n}\n\n.public-layout .mental-fitness h2 {\n  margin: 20px auto 10px;\n}\n\n.expand-icon {\n  font-size: 16px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.expand-icon.expanded {\n  transform: rotate(180deg);\n}\n\n.pricing-table {\n  width: 95%;\n  max-width: 1200px;\n  border-collapse: collapse;\n  border: none;\n  margin-top: 50px;\n  margin-left: auto;\n  margin-right: auto;\n\n  p {\n    margin: 10px 0;\n    font-size: 16px;\n  }\n\n  ul {\n    margin-top: 7px;\n  }\n\n  li {\n    list-style: disc;\n  }\n\n  td:nth-child(1) {\n    text-align: left;\n    padding-left: 20px;\n    font-size: 16px;\n    border-left: none;\n  }\n\n  th:nth-child(1) {\n    background: transparent;\n    min-width: 250px;\n  }\n\n  td:last-child {\n    border-right: none;\n  }\n\n\n  h3 {\n    font-size: 18px;\n    padding: 0;\n    margin: 0;\n  }\n\n  th {\n    background-color: #000;\n    color: white;\n    padding: 10px;\n    text-align: center;\n    font-weight: normal;\n  }\n\n  td {\n    padding: 10px;\n    text-align: center;\n    border: 1px solid #000;\n    ;\n  }\n\n  .row-header {\n    text-wrap: nowrap;\n  }\n\n  .more-info {\n    border-top: 3px solid #000;\n  }\n\n}\n\n.see-more-button {\n  display: block;\n  margin: 20px auto;\n  padding: 10px 20px;\n  background-color: #000;\n  color: white;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n\n  &:hover {\n    background-color: #333;\n  }\n}\n\n.public-layout h2 {\n  margin: 70px 0 25px;\n\n}\n\n\n.workout {\n  flex-basis: 330px;\n  flex-shrink: 0;\n  background-color: pink;\n  padding: 22px;\n\n  h3 {\n    font-size: 24px;\n    margin-bottom: 10px;\n  }\n\n  h4 {\n    text-transform: uppercase;\n    font-size: 14px;\n  }\n\n  p {\n    font-size: 16px;\n  }\n}\n\n.workout-card:hover .learn-more {\n  background-color: #fff;\n  color: #000;\n  box-shadow: #000 0px 0px 0px 1px inset, #000 0px 0px 0px 0px;\n  transform: translateY(3px);\n}\n\n.example-program {\n  // margin: 50px auto;\n  // width: 95%;\n  // max-width: 1200px;\n  overflow-x: scroll;\n  // transform: translateX(-);\n}\n\n.workouts {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  gap: 20px;\n  flex-direction: row;\n}\n\n.workout-card.ME {\n  background-color: #e8f2fb;\n\n  h3,\n  h4,\n  h5,\n  .workout-info-row {\n    color: #00219b;\n  }\n\n  .workout-book-button {\n    background-color: #00219b;\n  }\n}\n\n.workout-card.MF {\n  background-color: #ffe3db;\n\n  h3,\n  h4,\n  h5,\n  .workout-info-row {\n    color: #cc2d00;\n  }\n\n  .workout-book-button {\n    background-color: #ff4611;\n  }\n}\n\n.workout-card.MS {\n  background-color: #c4f5e9;\n\n  h3,\n  h4,\n  h5,\n  .workout-info-row {\n    color: #045caf;\n  }\n\n  .workout-book-button {\n    background-color: #3edeb6;\n  }\n}\n\n.workout-card.CC {\n  background-color: #fcffdb;\n\n  h3,\n  h4,\n  h5,\n  .workout-info-row {\n    color: #ff9500;\n    text-align: center;\n  }\n\n  h3 {\n    margin-top: 10px;\n  }\n\n  .workout-book-button {\n    background-color: #f3ff11;\n  }\n\n  img {\n    width: 200px;\n    margin: 0 auto;\n    display: block;\n\n  }\n}\n\n.workout-card {\n  padding-bottom: 90px;\n}\n\n.muscle-tag {\n  display: flex;\n  align-items: center;\n  margin-bottom: 7px;\n\n  .icon-detail-type {\n    margin-right: 7px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n  }\n}\n\n.learn-more {\n  background-color: #000;\n  color: #fff;\n  padding: 10px 20px;\n  border-radius: 5px;\n  font-size: 16px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: #000 0px 0px 0px 2px inset, #000 0px 3px 0px 0px;\n  transform: translateY(0px);\n  position: absolute;\n  bottom: 22px;\n  left: 20px;\n}\n\n\n.cta-btn-container {\n  display: block;\n  text-align: center;\n  margin: 30px auto;\n\n  p {\n    width: 100%;\n    font-size: 18px;\n    font-weight: bold;\n    margin: 0;\n    text-align: center;\n    max-width: unset;\n  }\n\n  &.mobile {\n    display: none;\n  }\n}\n\n.cta-btn {\n  margin: 10px auto;\n  background-color: #fff;\n  color: #000;\n  padding: 15px 25px;\n  border-radius: 5px;\n  font-size: 24px;\n  font-weight: bold;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: #000 0px 0px 0px 2px inset, #000 0px 3px 0px 0px;\n  transform: translateY(0px);\n\n  &:hover {\n    background-color: #000;\n    color: #fff;\n    box-shadow: #000 0px 0px 0px 1px inset, #000 0px 0px 0px 0px;\n    transform: translateY(3px);\n  }\n}\n\n\n\n\n\n\n@media (max-width: 1150px) {}\n\n\n\n@media (max-width: 800px) {\n\n  .pricing-table-container {\n    overflow-x: auto;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding-left: 8vw;\n  }\n\n  .pricing-table {\n\n    th {\n      top: 0px;\n    }\n\n    font-size: 14px;\n\n    h3 {\n      font-size: 15px;\n    }\n\n    td:nth-child(1) {\n      font-size: 12px;\n    }\n\n  }\n\n  .example-program {\n    width: unset;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n    padding-left: 8vw;\n    padding-right: 8vw;\n\n    .workout-card:last-child {\n      margin-right: 100px;\n    }\n  }\n\n\n\n}\n</style>\n"],"names":["pageState","ref","expandState","moreInfo","odDescription","gymScheduleDescription","requestWorkoutDescription","workouts","id","title","subtitle","description","category","shortName","name","onMounted","async","router","push"],"mappings":"imLAAe,4SC2Pf,MAAMA,EAAYC,EAAI,CAEpBC,YAAa,CACXC,UAAU,EACVC,eAAe,EACfC,wBAAwB,EACxBC,2BAA2B,GAE7BC,SAAU,CACR,CACEC,GAAI,EACJC,MAAO,qBACPC,SAAU,gBACVC,YAAa,uKACbC,SAAU,CACRC,UAAW,KACXC,KAAM,uBAGV,CACEN,GAAI,GACJC,MAAO,gCACPC,SAAU,kBACVC,YAAa,6JACbC,SAAU,CACRC,UAAW,KACXC,KAAM,oBAGV,CACEN,GAAI,EACJC,MAAO,0BACPC,SAAU,QACVC,YAAa,yKACbC,SAAU,CACRC,UAAW,KACXC,KAAM,uBAGV,CACEN,GAAI,EACJC,MAAO,mBACPC,SAAU,YACVC,YAAa,yKACbC,SAAU,CACRC,UAAW,KACXC,KAAM,oBAGV,CACEN,GAAI,GACJC,MAAO,mBACPC,SAAU,WACVC,YAAa,+JACbC,SAAU,CACRC,UAAW,KACXC,KAAM,oBAGV,CACEN,GAAI,GACJC,MAAO,aACPC,SAAU,yBACVC,YAAa,yIACbC,SAAU,CACRC,UAAW,KACXC,KAAM,qCAgBdC,GAAUC,ikDAPWR,YACZS,EAAAC,KAAK,YAAYV,KADN,IAACA"}