{"version":3,"file":"B8HVUeU5.js","sources":["../../../../components/Main/MainAppFactoid.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { isMobileOrTablet } = useResponsive()\n\nconst LINKS = [\n  {\n    id: 1,\n    href: ' https://apps.apple.com/ru/app/id1158898682?referrer=appmetrica_tracking_id%3D818922990581394302%26ym_tracking_id%3D12865574045399502275',\n    icon: './app-store-badge.svg',\n    alt: 'Ссылка на приложение в AppStore',\n  },\n  {\n    id: 2,\n    href: ' https://play.google.com/store/apps/details?id=ru.farfor&referrer=appmetrica_tracking_id%3D170404690310291845%26ym_tracking_id%3D6050769962065580548',\n    icon: './app-google-badge.svg',\n    alt: 'Ссылка на приложение в GooglePlay',\n  },\n]\n</script>\n\n<template>\n  <div class=\"app-factoid\">\n    <div class=\"app-factoid__info\">\n      <span class=\"app-factoid__title\">\n        Заказывай в приложении и получи пиццу в подарок!\n      </span>\n\n      <p class=\"app-factoid__text\">\n        Пицца «Мясная» 25 см в подарок при заказе через приложение! Подробности\n        при скачивании:\n      </p>\n\n      <the-button\n        v-if=\"isMobileOrTablet\"\n        href=\"https://farfor.ru/a/\"\n        rel=\"nofollow\"\n        variant=\"secondary\"\n        radius=\"lg\"\n        block\n      >\n        <span>Скачать</span>\n      </the-button>\n\n      <div v-else class=\"app-factoid__links\">\n        <a\n          v-for=\"link in LINKS\"\n          :key=\"link.id\"\n          :href=\"link.href\"\n          rel=\"nofollow\"\n          class=\"app-factoid__link\"\n        >\n          <nuxt-img\n            :src=\"link.icon\"\n            :alt=\"link.alt\"\n            loading=\"lazy\"\n            width=\"128\"\n            height=\"40\"\n          />\n        </a>\n      </div>\n    </div>\n\n    <div class=\"app-factoid__qr\">\n      <p class=\"app-factoid__qr-description\">\n        Наведите камеру на QR-код, чтобы скачать\n      </p>\n\n      <nuxt-img\n        src=\"/app-qr.webp\"\n        alt=\"qr код приложения\"\n        width=\"124\"\n        height=\"124\"\n        loading=\"lazy\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-factoid {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 334px;\n  padding: 60px;\n  color: var(--ui-white);\n  background: url('@/assets/images/main-factoid-background.webp') no-repeat\n      right 200px bottom,\n    linear-gradient(90deg, var(--ui-primary) 0%, #ff6e1d 100%);\n  border-radius: 40px;\n\n  @include media('<desktop-mini') {\n    padding: 30px;\n    background-position: right -50px bottom;\n  }\n\n  @include media('<tablet') {\n    height: max-content;\n    background: linear-gradient(90deg, var(--ui-primary) 0%, #ff6e1d 100%), none;\n    border-radius: 20px;\n  }\n\n  &__info {\n    max-width: 450px;\n\n    @include media('<desktop-mini') {\n      max-width: 40%;\n    }\n\n    @include media('<tablet') {\n      max-width: 100%;\n    }\n  }\n\n  &__links {\n    display: flex;\n    gap: 25px;\n  }\n\n  &__title {\n    margin-bottom: 25px;\n    font-size: 32px;\n    font-weight: 900;\n    line-height: 38px;\n\n    @include media('<desktop-mini') {\n      display: block;\n      margin-bottom: 20px;\n      font-size: 20px;\n      line-height: 23px;\n    }\n  }\n\n  &__text {\n    margin-bottom: 25px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 14px;\n\n    @include media('>=tablet') {\n      font-size: 16px;\n      line-height: 19px;\n    }\n  }\n\n  &__qr {\n    max-width: 160px;\n\n    @include media('<desktop-mini') {\n      display: none;\n    }\n\n    &-description {\n      margin-bottom: 20px;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 19px;\n    }\n  }\n}\n</style>\n"],"names":["isMobileOrTablet","useResponsive","LINKS"],"mappings":";;gqBACM,KAAA,CAAE,iBAAAA,CAAiB,EAAIC,EAAc,EAErCC,EAAQ,CACZ,CACE,GAAI,EACJ,KAAM,2IACN,KAAM,wBACN,IAAK,iCACP,EACA,CACE,GAAI,EACJ,KAAM,uJACN,KAAM,yBACN,IAAK,mCAAA,CAET","debug_id":"b38963b2-1595-5942-8d54-1ca40495fe0b"}