{"version":3,"sources":["webpack:///./src/blog-lp/sections/Info.vue?4094","webpack:///./src/blog-lp/sections/Info.vue","webpack:///./src/blog-lp/sections/Info.vue?3ee7","webpack:///./src/blog-lp/sections/Info.vue?70ab","webpack:///./src/blog-lp/sections/Info.vue?96f1"],"names":["firstColumn","title","text","button_text","icon","secondColumn"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAkE;AACL;;AAEc;;AAE2D;AACtI,iCAAiC,+IAAe,CAAC,oFAAM;;AAExC,0E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC6Cf,MAAMA,WAAW,GAAG,CAClB;MACEC,KAAK,EAAG,uBAAsB;MAC9BC,IAAI,EAAG,iEAAgE;MACvEC,WAAW,EAAG,kBAAiB;MAC/BC,IAAI,EAAG;IACT,CAAC,EACD;MACEH,KAAK,EAAG,4BAA2B;MACnCC,IAAI,EAAG,wEAAuE;MAC9EC,WAAW,EAAG,YAAW;MACzBC,IAAI,EAAG;IACT,CAAC,CACF;IAED,MAAMC,YAAY,GAAG,CACnB;MACEJ,KAAK,EAAG,gBAAe;MACvBC,IAAI,EAAG,wFAAuF;MAC9FC,WAAW,EAAG,iBAAgB;MAC9BC,IAAI,EAAG;IACT,CAAC,EACD;MACEH,KAAK,EAAG,gCAA+B;MACvCC,IAAI,EAAG,6FAA4F;MACnGC,WAAW,EAAG,iBAAgB;MAC9BC,IAAI,EAAG;IACT,CAAC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjFD,uC;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA,wCAA2gB,C;;;;;;;;;;;;ACA3gB;AAAA;AAAA;AAAA","file":"js/chunk-54511c56.0cb31a98.js","sourcesContent":["import script from \"./Info.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Info.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Info.vue?vue&type=style&index=0&id=9bcbd720&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1250588209/src/flip-child-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-9bcbd720\"]])\n\nexport default __exports__","<template>\n  <section class=\"info\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <div v-for=\"(item, index) in firstColumn\" :key=\"index\">\n          <div>\n            <img :src=\"item.icon\" alt=\"\" />\n            <h3 v-text=\"item.title\"/>\n            <div>\n              <p v-text=\"item.text\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"column\">\n        <div v-for=\"(item, index) in secondColumn\" :key=\"index\">\n          <div>\n            <img :src=\"item.icon\" alt=\"\" />\n            <h3 v-text=\"item.title\" />\n            <div>\n              <p v-text=\"item.text\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <a @click=\"goToForm\" class=\"button-go-to-form button-scale-animation\">\n      <span>Comece agora</span>\n      <span>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n        >\n          <path\n            d=\"m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z\"\n          ></path>\n        </svg>\n      </span>\n    </a>\n  </section>\n</template>\n<script setup>\nimport { defineProps } from 'vue';\n\ndefineProps({\n    goToForm: {\n        type: Function,\n        required: true\n    }\n})\n\nconst firstColumn = [\n  {\n    title: `Crie sua própria loja`,\n    text: `Escolha seus produtos favoritos das marcas que deseja divulgar.`,\n    button_text: `Conheça o painel`,\n    icon: `https://flipnet-assets.s3.sa-east-1.amazonaws.com/blog-lp/icon-escolha-de-marcas.png`,\n  },\n  {\n    title: `Receba pelas recomendações`,\n    text: `Ganhe dinheiro pelas vendas realizadas através do seu link e/ou cupom.`,\n    button_text: `Acompanhar`,\n    icon: `https://flipnet-assets.s3.sa-east-1.amazonaws.com/blog-lp/icon-treinamento-em-vendas.png`,\n  },\n];\n\nconst secondColumn = [\n  {\n    title: `Controle total`,\n    text: `Acompanhe suas vendas, comissões e datas de recebimento através de um painel completo.`,\n    button_text: `Configurar loja`,\n    icon: `https://flipnet-assets.s3.sa-east-1.amazonaws.com/blog-lp/icon-controle-total.png`,\n  },\n  {\n    title: `Aumente ainda mais seus ganhos`,\n    text: `Tenha a oportunidade de receber bonificações especiais ao participar de missões das marcas.`,\n    button_text: `Escolher marcas`,\n    icon: `https://flipnet-assets.s3.sa-east-1.amazonaws.com/blog-lp/icon-escolha-de-marcas.png`,\n  },\n];\n</script>\n<style scoped>\n.info {\n  margin-top: 100px;\n}\n\n.columns {\n  padding: 0 20px;\n}\n\n.column > div {\n  margin-bottom: 46px;\n  width: 100%;\n}\n\n.column img {\n  width: 42px;\n  height: 42px;\n  object-fit: cover;\n  object-fit: top;\n  margin-bottom: 15px;\n}\n\n.column h3 {\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 19px;\n}\n\n.column p {\n  font-size: max(16, min(5vw, 18));\n  font-weight: 400;\n  color: #000;\n  max-width: 350px;\n}\n\na {\n  color: #fff !important;\n  background-color: var(--flip-color-primary) !important;\n  font-weight: 600 !important;\n  margin-top: 0px;\n  margin-bottom: 50px;\n  text-align: left;\n  padding: 12px 35px !important;\n  position: relative;\n  height: fit-content !important;\n  align-items: center !important;\n  border: 1px solid transparent;\n  width: fit-content;\n  margin-left: 18px;\n}\n\na span:last-child {\n  padding-left: 46px;\n}\n\na svg {\n  position: relative;\n  top: 0.2rem;\n  fill: #fff;\n}\n\n@media (min-width: 599.99px) {\n  .columns {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n  }\n\n  a {\n    margin-top: 20px;\n    margin-left: auto;\n  }\n}\n\n@media (min-width: 1180px) {\n  .info {\n    margin-top: 116px;\n  }\n\n  .columns {\n    justify-content: start;\n    gap: 0;\n  }\n\n  .column h3 {\n    line-height: 1.5;\n  }\n\n  .column a {\n    margin-top: 40px;\n  }\n\n  .column p {\n    min-height: 80px;\n  }\n\n  .column:first-child {\n    border-right: 1px solid var(--flip-color-primary);\n  }\n\n  .column > div:first-child {\n    border-bottom: 1px solid var(--flip-color-primary);\n    padding-bottom: 55px;\n  }\n\n  .column:last-child {\n    flex-grow: 1;\n  }\n\n  .column > div {\n    padding: 0px 50px;\n  }\n\n  .column:first-child > div {\n    padding-left: 0px;\n    padding-right: 200px;\n  }\n}\n</style>\n","// extracted by mini-css-extract-plugin","export { default } from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Info.vue?vue&type=script&setup=true&lang=js\"; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.js.transform-quasar-imports.js!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Info.vue?vue&type=script&setup=true&lang=js\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./Info.vue?vue&type=style&index=0&id=9bcbd720&scoped=true&lang=css\""],"sourceRoot":""}