@ozdao/prometheus-framework 0.2.322 → 0.2.323

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <div id=\"howtobuy\" class=\"pd-thin\">\n    <section class=\"t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big\">\n      <h2 class=\"w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n     \n\n      <div class=\"cols-3 gap-thin\">\n        <div \n          v-for=\"feature in tm('features')\" \n          :key=\"feature.title\" \n          class=\"pd-medium  radius-big\"\n        >\n          <p class=\"mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium\">\n            {{ feature.icon }}\n          </p>\n          <h3 class=\"mn-b-medium\">\n            {{ feature.title }}\n          </h3>\n          <p class=\"t-transp\">\n            {{ feature.description }}\n          </p>\n        </div>\n      </div>\n\n    </section>\n  </div>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'Transform Your View on Smoking with <b class=\"t-main\">Next Industrial Revolution</b>',\n            features: [{\n              icon: '1',\n              title: 'United in Growth',\n              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',\n            },{\n              icon: '2',\n              title: 'Trust in Crypto',\n              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',\n            },{\n              icon: '3',\n              title: 'Boosted by AI',\n              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',\n            }]\n          },\n          ru: {\n            title: 'Наши Преимущества',\n            features: [{\n              icon: '📦',\n              headline: 'Доставка за 1 час',\n              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',\n            },{\n              icon: '💬',\n              headline: 'Поддержка 24/7',\n              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',\n            },{\n              icon: '😊',\n              headline: 'Гарантия качества',\n              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',\n            }]\n          }\n        }\n      })\n    }\n  })\n\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AA2Cd,UAAM,EAAE,GAAG,GAAE,IAAKA,QAAAA,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-big\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.js

@@ -1,81 +1,44 @@
 import { openBlock, createElementBlock, createElementVNode, unref, Fragment, renderList, toDisplayString } from "vue";
 import { useI18n } from "vue-i18n";
-const _hoisted_1 = {
-  id: "howtobuy",
-  class: "pd-thin"
-};
-const _hoisted_2 = { class: "t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big" };
+const _hoisted_1 = { id: "howtobuy" };
+const _hoisted_2 = { class: "w-100 mn-b-small" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = { class: "cols-3 gap-thin" };
-const _hoisted_5 = { class: "mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium" };
+const _hoisted_5 = { class: "h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium" };
 const _hoisted_6 = { class: "mn-b-medium" };
 const _hoisted_7 = { class: "t-transp" };
 const _sfc_main = {
   __name: "SectionFeatures",
   props: {
-    title: String,
-    textData: {
+    content: {
       type: Object,
-      default: () => ({
-        messages: {
-          en: {
-            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
-            features: [{
-              icon: "1",
-              title: "United in Growth",
-              description: "Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally."
-            }, {
-              icon: "2",
-              title: "Trust in Crypto",
-              description: "Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions."
-            }, {
-              icon: "3",
-              title: "Boosted by AI",
-              description: "With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals."
-            }]
-          },
-          ru: {
-            title: "Наши Преимущества",
-            features: [{
-              icon: "📦",
-              headline: "Доставка за 1 час",
-              description: "Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!"
-            }, {
-              icon: "💬",
-              headline: "Поддержка 24/7",
-              description: "Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!"
-            }, {
-              icon: "😊",
-              headline: "Гарантия качества",
-              description: "Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!"
-            }]
-          }
-        }
-      })
+      required: true
     }
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = useI18n(props.textData);
+    const { t, tm } = useI18n({
+      messages: props.content
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("section", _hoisted_2, [
-          createElementVNode("h2", {
-            class: "w-max-50r mn-l-auto mn-r-auto mn-b-small",
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h2", _hoisted_2, [
+          createElementVNode("span", {
+            class: "d-inline-block w-max-50r",
             innerHTML: unref(t)("title")
-          }, null, 8, _hoisted_3),
-          createElementVNode("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
-              return openBlock(), createElementBlock("div", {
-                key: feature.title,
-                class: "pd-medium radius-big"
-              }, [
-                createElementVNode("p", _hoisted_5, toDisplayString(feature.icon), 1),
-                createElementVNode("h3", _hoisted_6, toDisplayString(feature.title), 1),
-                createElementVNode("p", _hoisted_7, toDisplayString(feature.description), 1)
-              ]);
-            }), 128))
-          ])
+          }, null, 8, _hoisted_3)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("features"), (feature) => {
+            return openBlock(), createElementBlock("div", {
+              key: feature.title,
+              class: "pd-medium radius-big"
+            }, [
+              createElementVNode("p", _hoisted_5, toDisplayString(feature.icon), 1),
+              createElementVNode("h3", _hoisted_6, toDisplayString(feature.title), 1),
+              createElementVNode("p", _hoisted_7, toDisplayString(feature.description), 1)
+            ]);
+          }), 128))
         ])
       ]);
     };

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionFeatures.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <div id=\"howtobuy\" class=\"pd-thin\">\n    <section class=\"t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big\">\n      <h2 class=\"w-max-50r mn-l-auto mn-r-auto mn-b-small\" v-html=\"t('title')\"/>\n     \n\n      <div class=\"cols-3 gap-thin\">\n        <div \n          v-for=\"feature in tm('features')\" \n          :key=\"feature.title\" \n          class=\"pd-medium  radius-big\"\n        >\n          <p class=\"mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium\">\n            {{ feature.icon }}\n          </p>\n          <h3 class=\"mn-b-medium\">\n            {{ feature.title }}\n          </h3>\n          <p class=\"t-transp\">\n            {{ feature.description }}\n          </p>\n        </div>\n      </div>\n\n    </section>\n  </div>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    title: String,\n    textData: {\n      type: Object,\n      default: () => ({\n        messages: {\n          en: {\n            title: 'Transform Your View on Smoking with <b class=\"t-main\">Next Industrial Revolution</b>',\n            features: [{\n              icon: '1',\n              title: 'United in Growth',\n              description: 'Weeder thrives on community participation. As an open-source platform, it invites everyone to contribute and shape the evolution of cannabis culture globally.',\n            },{\n              icon: '2',\n              title: 'Trust in Crypto',\n              description: 'Weeder utilizes the power of blockchain technology and smart contracts, building a trust-rich, transparent environment that ensures secure and smooth transactions.',\n            },{\n              icon: '3',\n              title: 'Boosted by AI',\n              description: 'With AI at the core, Weeder enhances understanding of cannabis, creating personalized tools to enrich the user experience and business goals.',\n            }]\n          },\n          ru: {\n            title: 'Наши Преимущества',\n            features: [{\n              icon: '📦',\n              headline: 'Доставка за 1 час',\n              description: 'Мы понимаем, как важно для клиентов получить товар в самый краткий срок. Получите свой заказ в течении часа после подтверждения!',\n            },{\n              icon: '💬',\n              headline: 'Поддержка 24/7',\n              description: 'Если у вас есть какие-либо вопросы, наша служба поддержки клиентов работает круглосуточно и без выходных. Вы можете связаться с нами в любое время в Telegram!',\n            },{\n              icon: '😊',\n              headline: 'Гарантия качества',\n              description: 'Непревзойденные цены и самые доступные качественные товары. Больше не тратьте деньги на дорогие некачественные продукты!',\n            }]\n          }\n        }\n      })\n    }\n  })\n\n  const { t, tm } = useI18n(props.textData)\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE,UAAM,QAAQ;AA2Cd,UAAM,EAAE,GAAG,GAAE,IAAK,QAAQ,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionFeatures.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionFeatures.vue"],"sourcesContent":["<template>\n  <section id=\"howtobuy\">\n    <h2 class=\"w-100 mn-b-small\"><span class=\"d-inline-block w-max-50r\" v-html=\"t('title')\"/></h2>\n   \n    <div class=\"cols-3 gap-thin\">\n      <div \n        v-for=\"feature in tm('features')\" \n        :key=\"feature.title\" \n        class=\"pd-medium  radius-big\"\n      >\n        <p class=\"h2 i-extra radius-extra bg-main flex-center d-inline-flex mn-b-medium\">\n          {{ feature.icon }}\n        </p>\n        <h3 class=\"mn-b-medium\">\n          {{ feature.title }}\n        </h3>\n        <p class=\"t-transp\">\n          {{ feature.description }}\n        </p>\n      </div>\n    </div>\n  </section>\n</template>\n\n\n<script setup>\n  import { useI18n }    from 'vue-i18n'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs

@@ -4,12 +4,12 @@ const vue = require("vue");
 const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
 const vueI18n = require("vue-i18n");
 const IconChevronBottom = require("../../../icons/navigation/IconChevronBottom.vue.cjs");
-const _hoisted_1 = { class: "bg-black t-white radius-big pd-big" };
-const _hoisted_2 = { class: "mn-b-big t-center title" };
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-big w-m-60r mn-l-auto mn-r-auto"
+  class: "t-transp p-big w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -26,18 +26,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = vueI18n.useI18n({
+    const { t, tm, te } = vueI18n.useI18n({
       messages: props.content
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("h2", _hoisted_3, vue.toDisplayString(vue.unref(t)("title")), 1),
-          vue.unref(t)("subtitle") !== "subtitle" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")), 1)) : vue.createCommentVNode("", true)
+          vue.unref(te)("subtitle") ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("subtitle")), 1)) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", _hoisted_5, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("FAQ"), (item) => {
-            return vue.openBlock(), vue.createBlock(Spoiler.default, { class: "t-white br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
+            return vue.openBlock(), vue.createBlock(Spoiler.default, { class: "br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
               header: vue.withCtx(({ isOpen }) => [
                 vue.createElementVNode("div", _hoisted_6, [
                   vue.createElementVNode("h3", _hoisted_7, vue.toDisplayString(item.title), 1),

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"bg-black t-white radius-big pd-big\">\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"t('subtitle') !== 'subtitle'\" class=\"t-transp p-big w-m-60r mn-l-auto mn-r-auto\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n  \n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-big w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n  \n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js

@@ -2,12 +2,12 @@ import { openBlock, createElementBlock, createElementVNode, toDisplayString, unr
 import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import { useI18n } from "vue-i18n";
 import IconChevronBottom from "../../../icons/navigation/IconChevronBottom.vue.js";
-const _hoisted_1 = { class: "bg-black t-white radius-big pd-big" };
-const _hoisted_2 = { class: "mn-b-big t-center title" };
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "mn-b-big d-inline-block" };
 const _hoisted_3 = { class: "mn-b-semi" };
 const _hoisted_4 = {
   key: 0,
-  class: "t-transp p-big w-m-60r mn-l-auto mn-r-auto"
+  class: "t-transp p-big w-m-60r"
 };
 const _hoisted_5 = { class: "cols-1" };
 const _hoisted_6 = { class: "cursor-pointer w-100 flex-v-center flex-nowrap flex" };
@@ -24,18 +24,18 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const { t, tm } = useI18n({
+    const { t, tm, te } = useI18n({
       messages: props.content
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("h2", _hoisted_3, toDisplayString(unref(t)("title")), 1),
-          unref(t)("subtitle") !== "subtitle" ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("subtitle")), 1)) : createCommentVNode("", true)
+          unref(te)("subtitle") ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("subtitle")), 1)) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(tm)("FAQ"), (item) => {
-            return openBlock(), createBlock(_sfc_main$1, { class: "t-white br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
+            return openBlock(), createBlock(_sfc_main$1, { class: "br-white-transp-10 br-solid br-1px radius-small o-hidden pd-big mn-b-thin" }, {
               header: withCtx(({ isOpen }) => [
                 createElementVNode("div", _hoisted_6, [
                   createElementVNode("h3", _hoisted_7, toDisplayString(item.title), 1),

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionGuide.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"bg-black t-white radius-big pd-big\">\n    <div class=\"mn-b-big t-center title\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"t('subtitle') !== 'subtitle'\" class=\"t-transp p-big w-m-60r mn-l-auto mn-r-auto\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"t-white br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n  \n  const { t, tm } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SectionGuide.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionGuide.vue"],"sourcesContent":["<template>\n  <div class=\"\">\n    <div class=\"mn-b-big d-inline-block\">\n      <h2 class=\"mn-b-semi\">{{t('title')}}</h2>\n      <p v-if=\"te('subtitle')\" class=\"t-transp p-big w-m-60r\">{{t('subtitle')}}</p>\n    </div>\n    <div class=\"cols-1 \">\n\n    <Spoiler v-for=\"item in tm('FAQ')\" class=\"br-white-transp-10 br-solid br-1px radius-small o-hidden  pd-big mn-b-thin\">\n      <template  #header=\"{ isOpen }\">\n        <div class=\"cursor-pointer w-100 flex-v-center flex-nowrap flex\">\n          <h3 class=\"w-100\" >{{item.title}}</h3>\n          <IconChevronBottom :class=\"{ 'rotate-180': isOpen }\" fill=\"rgb(var(--white))\" class=\"i-semi\"/>\n        </div>\n      </template>\n      <template #content>\n         <ul class=\"mn-t-semi\">\n          <p class=\"t-transp\" v-html=\"item.description\"></p>\n        </ul>\n      </template>\n    </Spoiler>\n    </div>\n  </div>\n</template>\n\n\n<script setup>\n  import Spoiler from '@pf/src/components/Spoiler/Spoiler.vue'\n\n  import { useI18n }    from 'vue-i18n'\n\n  import IconChevronBottom from '@pf/src/modules/icons/navigation/IconChevronBottom.vue'\n\n  const props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n  \n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiCE,UAAM,QAAQ;AAOd,UAAM,EAAE,GAAG,IAAI,GAAE,IAAK,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const FloatingImages = require("../elements/FloatingImages.vue.cjs");
+;/* empty css                     */
+const _hoisted_1 = { class: "o-hidden container-joinus" };
+const _hoisted_2 = { class: "content" };
+const _hoisted_3 = {
+  style: { "font-size": "8rem" },
+  class: "t-semi"
+};
+const _hoisted_4 = { class: "w-m-33r t-center mn-b-small p-big" };
+const _sfc_main = {
+  __name: "SectionJoinUs",
+  props: {
+    content: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        count: 1230,
+        images: [
+          "/landing/avatars/01.png",
+          "/landing/avatars/02.png",
+          "/landing/avatars/03.png",
+          "/landing/avatars/04.png",
+          "/landing/avatars/05.png",
+          "/landing/avatars/06.png"
+        ]
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, te } = vueI18n.useI18n({
+      messages: props.content
+    });
+    const userCount = vue.ref(props.options.count);
+    const increaseUserCount = () => {
+      setInterval(() => {
+        userCount.value += Math.floor(Math.random() * 2) + 1;
+      }, 1330);
+    };
+    vue.onMounted(() => {
+      increaseUserCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(userCount.value), 1),
+          vue.createElementVNode("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.createVNode(_component_router_link, {
+            to: { name: "Sign In" },
+            class: "bg-black t-medium t-white button"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("action")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createVNode(FloatingImages.default, {
+          container: ".container-joinus",
+          images: __props.options.images,
+          config: {
+            size: "5rem",
+            square: true,
+            minDuration: 5,
+            maxDuration: 15,
+            spawnPoints: [10, 90],
+            animation: {
+              startOpacity: 0.1,
+              midOpacity: 1,
+              endOpacity: 0,
+              translateY: "-33vh"
+            },
+            class: "my-custom-class"
+          }
+        }, null, 8, ["images"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionJoinUs.vue.cjs.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionJoinUs.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden container-joinus\">\n    <div class=\"content\">\n      <span style=\"font-size: 8rem\" class=\"t-semi\">\n        {{ userCount }}\n      </span>\n      <p class=\"w-m-33r t-center mn-b-small p-big\">\n        {{t('description')}}\n    \n      </p>\n      <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black t-medium t-white button\">\n        {{t('action')}}\n      </router-link>\n    </div>\n    <FloatingImages \n      :container=\"'.container-joinus'\"\n      :images=\"options.images\" \n      :config=\"{\n          size: '5rem',\n          square: true,\n          minDuration: 5,\n          maxDuration: 15,\n          spawnPoints: [10, 90],\n          animation: {\n            startOpacity: 0.1,\n            midOpacity: 1,\n            endOpacity: 0.0,\n            translateY: '-33vh'\n          },\n          class: 'my-custom-class'\n      }\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@pf/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      count: 1230,\n      images: [\n        '/landing/avatars/01.png',\n        '/landing/avatars/02.png',\n        '/landing/avatars/03.png',\n        '/landing/avatars/04.png',\n        '/landing/avatars/05.png',\n        '/landing/avatars/06.png'\n      ]\n    })\n  }\n})\n\nconst { t, te } = useI18n({\n  messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n  setInterval(() => {\n    userCount.value += Math.floor(Math.random() * 2) + 1;\n  }, 1330);\n};\n\nonMounted(() => {\n  increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 66%;\n  position: relative;\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 2;\n  }\n}\n</style>\n"],"names":["useI18n","ref","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAI,IAAGA,gBAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAYC,IAAAA,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAQ,IAAG,CAAC,IAAI;AAAA,MACpD,GAAE,IAAI;AAAA,IACT;AAEAC,QAAAA,UAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.js

@@ -0,0 +1,89 @@
+import { ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, createTextVNode } from "vue";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../elements/FloatingImages.vue.js";
+/* empty css                   */
+const _hoisted_1 = { class: "o-hidden container-joinus" };
+const _hoisted_2 = { class: "content" };
+const _hoisted_3 = {
+  style: { "font-size": "8rem" },
+  class: "t-semi"
+};
+const _hoisted_4 = { class: "w-m-33r t-center mn-b-small p-big" };
+const _sfc_main = {
+  __name: "SectionJoinUs",
+  props: {
+    content: {
+      type: Object,
+      required: true
+    },
+    options: {
+      type: Object,
+      default: () => ({
+        count: 1230,
+        images: [
+          "/landing/avatars/01.png",
+          "/landing/avatars/02.png",
+          "/landing/avatars/03.png",
+          "/landing/avatars/04.png",
+          "/landing/avatars/05.png",
+          "/landing/avatars/06.png"
+        ]
+      })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, te } = useI18n({
+      messages: props.content
+    });
+    const userCount = ref(props.options.count);
+    const increaseUserCount = () => {
+      setInterval(() => {
+        userCount.value += Math.floor(Math.random() * 2) + 1;
+      }, 1330);
+    };
+    onMounted(() => {
+      increaseUserCount();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(userCount.value), 1),
+          createElementVNode("p", _hoisted_4, toDisplayString(unref(t)("description")), 1),
+          createVNode(_component_router_link, {
+            to: { name: "Sign In" },
+            class: "bg-black t-medium t-white button"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("action")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_sfc_main$1, {
+          container: ".container-joinus",
+          images: __props.options.images,
+          config: {
+            size: "5rem",
+            square: true,
+            minDuration: 5,
+            maxDuration: 15,
+            spawnPoints: [10, 90],
+            animation: {
+              startOpacity: 0.1,
+              midOpacity: 1,
+              endOpacity: 0,
+              translateY: "-33vh"
+            },
+            class: "my-custom-class"
+          }
+        }, null, 8, ["images"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SectionJoinUs.vue.js.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionJoinUs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionJoinUs.vue.js","sources":["../../../../../../../src/modules/landing/components/sections/SectionJoinUs.vue"],"sourcesContent":["<template>\n  <div class=\"o-hidden container-joinus\">\n    <div class=\"content\">\n      <span style=\"font-size: 8rem\" class=\"t-semi\">\n        {{ userCount }}\n      </span>\n      <p class=\"w-m-33r t-center mn-b-small p-big\">\n        {{t('description')}}\n    \n      </p>\n      <router-link :to=\"{ name: 'Sign In' }\" class=\"bg-black t-medium t-white button\">\n        {{t('action')}}\n      </router-link>\n    </div>\n    <FloatingImages \n      :container=\"'.container-joinus'\"\n      :images=\"options.images\" \n      :config=\"{\n          size: '5rem',\n          square: true,\n          minDuration: 5,\n          maxDuration: 15,\n          spawnPoints: [10, 90],\n          animation: {\n            startOpacity: 0.1,\n            midOpacity: 1,\n            endOpacity: 0.0,\n            translateY: '-33vh'\n          },\n          class: 'my-custom-class'\n      }\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nimport FloatingImages from '@pf/src/modules/landing/components/elements/FloatingImages.vue';\n\nconst props = defineProps({\n  content: {\n    type: Object,\n    required: true\n  },\n  options: {\n    type: Object,\n    default: () => ({\n      count: 1230,\n      images: [\n        '/landing/avatars/01.png',\n        '/landing/avatars/02.png',\n        '/landing/avatars/03.png',\n        '/landing/avatars/04.png',\n        '/landing/avatars/05.png',\n        '/landing/avatars/06.png'\n      ]\n    })\n  }\n})\n\nconst { t, te } = useI18n({\n  messages: props.content\n})\n\nconst userCount = ref(props.options.count);\n\nconst increaseUserCount = () => {\n  setInterval(() => {\n    userCount.value += Math.floor(Math.random() * 2) + 1;\n  }, 1330);\n};\n\nonMounted(() => {\n  increaseUserCount();\n});\n</script>\n\n<style lang=\"scss\">\n.container-joinus {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 66%;\n  position: relative;\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    z-index: 2;\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAM,QAAQ;AAqBd,UAAM,EAAE,GAAG,GAAI,IAAG,QAAQ;AAAA,MACxB,UAAU,MAAM;AAAA,IAClB,CAAC;AAED,UAAM,YAAY,IAAI,MAAM,QAAQ,KAAK;AAEzC,UAAM,oBAAoB,MAAM;AAC9B,kBAAY,MAAM;AAChB,kBAAU,SAAS,KAAK,MAAM,KAAK,OAAQ,IAAG,CAAC,IAAI;AAAA,MACpD,GAAE,IAAI;AAAA,IACT;AAEA,cAAU,MAAM;AACd;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionMobileApp.vue.cjs

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueI18n = require("vue-i18n");
+const LabelAppStore = require("../../../icons/labels/LabelAppStore.vue.cjs");
+const LabelGooglePlay = require("../../../icons/labels/LabelGooglePlay.vue.cjs");
+;/* empty css                        */
+const _hoisted_1 = {
+  id: "mobileApp",
+  class: "cols-2 o-hidden"
+};
+const _hoisted_2 = { class: "z-index-1 h-100" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "pd-big flex flex-h-center flex-column z-index-1 w-1/2" };
+const _hoisted_5 = { class: "mn-t-medium mn-b-semi w-m-40r" };
+const _hoisted_6 = { class: "t-transp mn-b-big p-big w-m-33r" };
+const _hoisted_7 = { class: "mn-b-big gap-medium cols-2" };
+const _hoisted_8 = { class: "feature" };
+const _hoisted_9 = { class: "mn-b-thin" };
+const _hoisted_10 = { class: "t-transp p-medium" };
+const _hoisted_11 = { class: "w-100 w-max-30r flex-nowrap flex gap-medium" };
+const _hoisted_12 = ["href", "target"];
+const _hoisted_13 = {
+  key: 0,
+  class: "z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _hoisted_14 = ["href", "target"];
+const _hoisted_15 = {
+  key: 0,
+  class: "z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative"
+};
+const _sfc_main = {
+  __name: "SectionMobileApp",
+  props: {
+    content: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, tm, te } = vueI18n.useI18n({
+      messages: props.content
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("img", {
+            loading: "lazy",
+            src: (_ctx.FILE_SERVER_URL || "") + vue.unref(t)("image"),
+            class: "radius-big h-100 w-100 object-fit-cover"
+          }, null, 8, _hoisted_3)
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("h2", _hoisted_5, vue.toDisplayString(vue.unref(t)("title")), 1),
+          vue.createElementVNode("p", _hoisted_6, vue.toDisplayString(vue.unref(t)("description")), 1),
+          vue.createElementVNode("div", _hoisted_7, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(tm)("features"), (feature) => {
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                vue.createElementVNode("h4", _hoisted_9, vue.toDisplayString(feature.title), 1),
+                vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(feature.text), 1)
+              ]);
+            }), 256))
+          ]),
+          vue.createElementVNode("div", _hoisted_11, [
+            vue.unref(te)("linkAppStore") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+              key: 0,
+              href: vue.unref(te)("linkAppStore") ? vue.unref(t)("linkAppStore") : null,
+              target: vue.unref(te)("linkAppStore") ? "_blank" : null,
+              class: "pos-relative w-100 h-100"
+            }, [
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.createVNode(LabelAppStore.default, {
+                class: "w-100 h-max",
+                alt: "Download on App Store"
+              })
+            ], 8, _hoisted_12)) : vue.createCommentVNode("", true),
+            vue.unref(te)("linkGooglePlay") || vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("a", {
+              key: 1,
+              href: vue.unref(te)("linkGooglePlay") ? vue.unref(t)("linkGooglePlay") : null,
+              target: vue.unref(te)("linkGooglePlay") ? "_blank" : null,
+              class: "pos-relative w-100 h-100"
+            }, [
+              vue.unref(te)("label") ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, vue.toDisplayString(vue.unref(t)("label")), 1)) : vue.createCommentVNode("", true),
+              vue.createVNode(LabelGooglePlay.default, {
+                class: "w-100 h-max",
+                alt: "Download on Google Play"
+              })
+            ], 8, _hoisted_14)) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SectionMobileApp.vue.cjs.map

package/dist/prometheus-framework/src/modules/landing/components/sections/SectionMobileApp.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionMobileApp.vue.cjs","sources":["../../../../../../../src/modules/landing/components/sections/SectionMobileApp.vue"],"sourcesContent":["<template>\n  <section id=\"mobileApp\" class=\"cols-2 o-hidden \">\n    <div class=\"z-index-1 h-100\">\n      <img loading=\"lazy\" \n        :src=\"(FILE_SERVER_URL || '') + t('image')\" \n        class=\"radius-big h-100 w-100 object-fit-cover\"\n      >\n    </div>\n\n    <div class=\"pd-big flex flex-h-center flex-column z-index-1 w-1/2\">\n      <h2 class=\"mn-t-medium mn-b-semi w-m-40r\">{{ t('title') }}</h2>\n      <p class=\"t-transp mn-b-big p-big w-m-33r\">{{ t('description') }}</p>\n      \n      <div class=\"mn-b-big gap-medium cols-2\">\n        <div v-for=\"feature in tm('features')\"  class=\"feature\">\n          <h4 class=\"mn-b-thin\">{{ feature.title }}</h4>\n          <p class=\"t-transp p-medium\">{{ feature.text }}</p>\n        </div>\n      </div>\n\n      <div class=\"w-100 w-max-30r flex-nowrap flex gap-medium\">\n        <a \n           v-if=\"te('linkAppStore') || te('label')\"\n          :href=\"te('linkAppStore') ? t('linkAppStore') : null\" \n          :target=\"te('linkAppStore') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelAppStore class=\"w-100 h-max\" alt=\"Download on App Store\"/>\n        </a>\n\n        <a \n           v-if=\"te('linkGooglePlay') || te('label')\"\n          :href=\"te('linkGooglePlay') ? t('linkGooglePlay') : null\" \n          :target=\"te('linkGooglePlay') ? '_blank' : null\" \n          class=\"pos-relative w-100 h-100\"\n        > \n          <span \n            v-if=\"te('label')\"\n            class=\"z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-10-negative pos-t-10-negative\"\n          >\n            {{ t('label') }}\n          </span>\n          <LabelGooglePlay class=\"w-100 h-max\" alt=\"Download on Google Play\"/>\n        </a>\n\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { useI18n } from 'vue-i18n'\n\nimport LabelAppStore from '@pf/src/modules/icons/labels/LabelAppStore.vue'\nimport LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'\n\nconst props = defineProps({\n    content: {\n      type: Object,\n      required: true\n    }\n  })\n\n  const { t, tm, te } = useI18n({\n    messages: props.content\n  })\n</script>\n\n<style lang=\"scss\">\n @media screen and (max-width: 1025px) {\n  #mobileApp {\n    text-align: center;\n    > section {\n      flex-direction: column;\n      > div {\n        order: 1;\n      }\n    }\n  }\n}\n</style>\n"],"names":["useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,UAAM,QAAQ;AAOZ,UAAM,EAAE,GAAG,IAAI,GAAE,IAAKA,QAAAA,QAAQ;AAAA,MAC5B,UAAU,MAAM;AAAA,IACpB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}