{"version":3,"file":"jOXfn8B5.js","sources":["../../../../components/Main/MainAppFactoid.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* Components */\nimport AppButton from '@/components/App/AppButton.vue'\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__info-headline\">\n        Заказывай в приложении и получи пиццу в подарок!\n      </span>\n\n      <p class=\"app-factoid__info-description\">\n        Пицца «Мясная» 25 см в подарок при заказе через приложение! Подробности\n        при скачивании:\n      </p>\n\n      <div class=\"app-factoid__info-links\">\n        <app-button\n          v-for=\"link in LINKS\"\n          :key=\"link.id\"\n          :href=\"link.href\"\n          rel=\"nofollow\"\n          class=\"button\"\n        >\n          <nuxt-img\n            :src=\"link.icon\"\n            :alt=\"link.alt\"\n            loading=\"lazy\"\n            width=\"128\"\n            height=\"40\"\n          />\n        </app-button>\n\n        <app-button\n          class=\"button--download\"\n          href=\"https://farfor.ru/a/\"\n          rel=\"nofollow\"\n        >\n          <span>Скачать</span>\n        </app-button>\n      </div>\n    </div>\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:deep() {\n  .app-button {\n    padding: 0 !important;\n    border-radius: 4px !important;\n  }\n}\n.app-factoid {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 334px;\n  padding: 60px;\n  color: $white;\n  background: url('@/assets/images/main-factoid-background.webp') no-repeat\n      right 200px bottom,\n    linear-gradient(90deg, $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  @include media('<tablet') {\n    height: max-content;\n    background: linear-gradient(90deg, $primary 0%, #ff6e1d 100%), none;\n    border-radius: 20px;\n  }\n\n  &__info {\n    max-width: 450px;\n    &-headline {\n      margin-bottom: 25px;\n      font-size: 32px;\n      font-weight: 900;\n      line-height: 38px;\n    }\n    &-description {\n      margin-bottom: 25px;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 19px;\n    }\n    &-links {\n      .button {\n        margin-right: 25px;\n      }\n      .button--download {\n        display: none;\n        width: 100%;\n        height: 50px;\n        font-size: 14px;\n        font-weight: 800;\n        background: $text-black;\n        border-radius: 10px !important;\n        box-shadow: 0 4px 20px rgba(65, 58, 91, 0.15);\n      }\n    }\n\n    @include media('<desktop-mini') {\n      max-width: 40%;\n\n      &-headline {\n        display: block;\n        margin-bottom: 20px;\n        font-size: 20px;\n        line-height: 23px;\n      }\n\n      &-deskription {\n        margin-bottom: 20px;\n        font-size: 12px;\n        line-height: 14px;\n      }\n      &-links {\n        .button {\n          display: none;\n          margin-right: 25px;\n        }\n        .button--download {\n          display: flex;\n          border-radius: 100px !important;\n        }\n      }\n    }\n\n    @include media('<tablet') {\n      max-width: 100%;\n\n      &-description {\n        font-size: 12px;\n        line-height: 14px;\n      }\n    }\n  }\n  &__qr {\n    max-width: 160px;\n\n    @include media('<desktop-mini') {\n      display: none;\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":["LINKS"],"mappings":";;ukBAIA,MAAMA,EAAQ,CACZ,CACE,GAAI,EACJ,KAAM,2IACN,KAAM,wBACN,IAAK,iCACP,EACA,CACE,GAAI,EACJ,KAAM,uJACN,KAAM,yBACN,IAAK,mCACP,CAAA","debug_id":"acee67e2-0e0b-5b49-a220-92b8a10071d8"}