@ozdao/prometheus-framework 0.2.39 → 0.2.41

package/src/modules/globals/utils/mailing.js

@@ -51,12 +51,24 @@ async function sendChatMessageTelegram(chatIds, text) {
   const telegramToken = process.env.TELEGRAM_BOT_TOKEN; // Токен Telegram Bot хранится в переменных окружения
   const telegramUrl = `https://api.telegram.org/bot${telegramToken}/sendMessage`;
 
+  // Создание кнопок
+  const inlineKeyboard = JSON.stringify({
+    inline_keyboard: [
+      [
+        { text: 'Confirm', callback_data: `confirm_${application._id}` },
+        { text: 'Lost', callback_data: `lost_${application._id}` },
+        { text: 'Delete', callback_data: `delete_${application._id}` }
+      ]
+    ]
+  });
+
   try {
     // Отправка сообщения каждому чату из массива
     for (const chatId of chatIds) {
       await axios.post(telegramUrl, {
         chat_id: chatId,
         text: text,
+        // reply_markup: inlineKeyboard
       });
     }
     console.log('Telegram message sent');

package/src/modules/icons/entities/IconEarn.vue

@@ -0,0 +1,20 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" fill="none">
+	  <path d="M47.1874 25.0592C47.1874 16.6721 40.3871 9.8718 32 9.8718C23.6129 9.8718 16.8126 16.6721 16.8126 25.0592C16.8126 33.4463 23.6129 40.2466 32 40.2466C40.3871 40.2466 47.1874 33.4463 47.1874 25.0592ZM32 37.9798C24.8975 37.9798 19.0794 32.1618 19.0794 25.0592C19.0794 17.9566 24.8975 12.063 32 12.063C39.1026 12.063 44.9206 17.8811 44.9206 24.9836C44.9206 32.0862 39.1026 37.9798 32 37.9798Z" :fill="fill"/>
+	  <path d="M36.8934 18.8634C36.9528 18.4954 37.2704 18.2249 37.6431 18.2249H38.6709C39.1489 18.2249 39.5081 18.6613 39.416 19.1305L38.7213 22.6708H38.8343C39.2537 22.6708 39.5937 23.0108 39.5937 23.4302V23.4519C39.5937 23.8713 39.2537 24.2113 38.8343 24.2113H38.4041L38.1067 25.7712H38.8343C39.2537 25.7712 39.5937 26.1112 39.5937 26.5306V26.5718C39.5937 26.9912 39.2537 27.3312 38.8343 27.3312H37.7895L36.9789 31.419C36.9084 31.7745 36.5965 32.0306 36.234 32.0306H34.6637C34.3022 32.0306 33.9908 31.7758 33.9193 31.4214L33.0905 27.3117H30.8897L30.0609 31.4214C29.9894 31.7758 29.678 32.0306 29.3165 32.0306H27.7462C27.3837 32.0306 27.0718 31.7745 27.0013 31.419L26.1907 27.3312H25.1657C24.7463 27.3312 24.4063 26.9912 24.4063 26.5718V26.5306C24.4063 26.1112 24.7463 25.7712 25.1657 25.7712H25.8933L25.5761 24.2113H25.1657C24.7463 24.2113 24.4063 23.8713 24.4063 23.4519V23.4302C24.4063 23.0108 24.7463 22.6708 25.1657 22.6708H25.2787L24.584 19.1305C24.492 18.6613 24.8511 18.2249 25.3292 18.2249H26.4164C26.7891 18.2249 27.1067 18.4954 27.1661 18.8634L27.7769 22.6513H29.7397L30.4737 18.8406C30.5425 18.4832 30.8554 18.2249 31.2194 18.2249H32.8401C33.2041 18.2249 33.517 18.4832 33.5858 18.8406L34.3198 22.6513H36.2826L36.8934 18.8634ZM32.1388 22.6513L32 21.9298L31.8414 22.6513H32.1388ZM29.1053 25.9272L29.4622 24.0553H27.995L28.2924 25.9272H29.1053ZM31.5638 24.0553L31.1871 25.9272H32.7931L32.4164 24.0553H31.5638ZM35.7671 25.9272L36.0645 24.0553H34.5973L34.9542 25.9272H35.7671ZM28.5105 27.3117L28.6493 28.1892L28.8277 27.3117H28.5105ZM35.4102 28.1892L35.549 27.3117H35.2318L35.4102 28.1892Z" :fill="fill"/>
+	  <path d="M32 8.96056C32.6075 8.96056 33.1391 8.42901 33.1391 7.82151V1.13905C33.1391 0.531559 32.6075 0 32 0C31.3925 0 30.861 0.531559 30.861 1.13905V7.82151C30.861 8.42901 31.3925 8.96056 32 8.96056Z" :fill="fill"/>
+	  <path d="M27.0641 10.1756C27.6716 10.1756 28.2032 9.644 28.2032 9.0365V4.63216C28.2032 4.02466 27.6716 3.4931 27.0641 3.4931C26.4566 3.4931 25.925 4.02466 25.925 4.63216V9.0365C25.925 9.644 26.4566 10.1756 27.0641 10.1756Z" :fill="fill"/>
+	  <path d="M36.9359 10.1756C37.5434 10.1756 38.075 9.644 38.075 9.0365V4.63216C38.075 4.02466 37.5434 3.4931 36.9359 3.4931C36.3284 3.4931 35.7969 4.02466 35.7969 4.63216V9.0365C35.7969 9.644 36.3284 10.1756 36.9359 10.1756Z" :fill="fill"/>
+	  <path d="M56.864 26.8367C56.2094 26.1822 55.264 25.8186 54.3912 25.8186C54.3912 25.8186 54.3185 25.8186 54.2458 25.8186C52.864 25.8913 51.7004 26.8367 51.264 28.1458L48.064 37.673C47.4095 37.2366 46.6095 36.9457 45.8095 37.0185C44.7914 37.0912 43.9186 37.5275 43.2641 38.2548L36.646 45.8184C35.1914 47.4183 34.3915 49.4547 34.246 51.6365L33.5187 62.8364C33.5187 63.1273 33.5915 63.4182 33.8096 63.6364C34.0278 63.8545 34.3187 64 34.6096 64H45.2277C45.7368 64 46.1732 63.6364 46.3186 63.1273L47.1186 58.6182L53.3004 54.1819C54.9731 53.0183 56.064 51.0547 56.2821 48.9456L57.8094 29.4549C57.8821 28.5095 57.5185 27.564 56.864 26.8367ZM54.1003 48.8002C53.9549 50.2547 53.2276 51.5638 52.064 52.4365L45.5186 57.1637C45.3004 57.3092 45.155 57.6001 45.0823 57.8182L44.355 61.8909H35.7733L36.4278 51.8547C36.5005 50.182 37.2278 48.582 38.3187 47.3456L44.9368 39.7821C45.2277 39.4912 45.5913 39.273 46.0277 39.273C46.3913 39.273 46.6822 39.3457 46.9731 39.5639C47.1913 39.7093 47.4095 40.0002 47.4822 40.2912V40.3639C47.6277 40.873 47.555 41.382 47.1913 41.7457L41.8096 48.5092C41.4459 48.9456 41.5187 49.6729 41.955 50.0365C42.3914 50.4001 43.1186 50.3274 43.4823 49.891L48.864 43.1275C49.5186 42.2548 49.8095 41.1639 49.5913 40.1457L53.3004 28.9458C53.4458 28.5095 53.8822 28.1458 54.3912 28.1458C54.7549 28.1458 55.0458 28.2913 55.264 28.5095C55.4821 28.7276 55.6276 29.0913 55.6276 29.3822L54.1003 48.8002Z" :fill="fill"/>
+	  <path d="M7.13605 26.8367C7.79059 26.1822 8.73603 25.8186 9.60875 25.8186C9.60875 25.8186 9.68148 25.8186 9.7542 25.8186C11.136 25.8913 12.2996 26.8367 12.736 28.1458L15.936 37.673C16.5905 37.2366 17.3905 36.9457 18.1905 37.0185C19.2086 37.0912 20.0814 37.5275 20.7359 38.2548L27.354 45.8184C28.8086 47.4183 29.6085 49.4547 29.754 51.6365L30.4813 62.8364C30.4813 63.1273 30.4085 63.4182 30.1904 63.6364C29.9722 63.8545 29.6813 64 29.3904 64H18.7723C18.2632 64 17.8268 63.6364 17.6814 63.1273L16.8814 58.6182L10.6996 54.1819C9.02694 53.0183 7.93604 51.0547 7.71786 48.9456L6.1906 29.4549C6.11788 28.5095 6.48151 27.564 7.13605 26.8367ZM9.89966 48.8002C10.0451 50.2547 10.7724 51.5638 11.936 52.4365L18.4814 57.1637C18.6996 57.3092 18.845 57.6001 18.9177 57.8182L19.645 61.8909H28.2267L27.5722 51.8547C27.4995 50.182 26.7722 48.582 25.6813 47.3456L19.0632 39.7821C18.7723 39.4912 18.4087 39.273 17.9723 39.273C17.6087 39.273 17.3178 39.3457 17.0269 39.5639C16.8087 39.7093 16.5905 40.0002 16.5178 40.2912V40.3639C16.3723 40.873 16.445 41.382 16.8087 41.7457L22.1904 48.5092C22.5541 48.9456 22.4813 49.6729 22.045 50.0365C21.6086 50.4001 20.8814 50.3274 20.5177 49.891L15.136 43.1275C14.4814 42.2548 14.1905 41.1639 14.4087 40.1457L10.6996 28.9458C10.5542 28.5095 10.1178 28.1458 9.60875 28.1458C9.24512 28.1458 8.95421 28.2913 8.73603 28.5095C8.51785 28.7276 8.3724 29.0913 8.3724 29.3822L9.89966 48.8002Z" :fill="fill"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/entities/IconFeatured.vue

@@ -0,0 +1,14 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22" fill="none">
+  	<path :fill="fill" :class="$attrs.class" fill-rule="evenodd" clip-rule="evenodd" d="M22.995 17.6566V7.19019L23.0751 7.12914C23.6296 6.70673 24 6.0191 24 5.25224C24 3.92888 22.9425 2.87139 21.6191 2.87139C20.2958 2.87139 19.2383 3.92888 19.2383 5.25224C19.2383 5.96713 19.5563 6.63066 20.0606 7.08192L20.2377 7.24032L16.8614 10.0056L13.3296 4.44682L13.4952 4.33645C14.1276 3.91482 14.5244 3.20311 14.5244 2.38086C14.5244 1.05749 13.3234 0 12 0C10.6766 0 9.47557 1.05749 9.47557 2.38086C9.47557 3.20311 9.8724 3.91482 10.5048 4.33645L10.6704 4.44682L7.13856 10.0056L3.76232 7.24032L3.93936 7.08192C4.44371 6.63066 4.76171 5.96713 4.76171 5.25224C4.76171 3.92888 3.70422 2.87139 2.38086 2.87139C1.05749 2.87139 0 3.92888 0 5.25224C0 6.0191 0.370441 6.70673 0.924858 7.12914L1.00498 7.19019V17.6566C1.00498 17.72 0.994431 17.7727 0.987409 17.8077L0.986678 17.8114C0.979315 17.8482 0.976271 17.8659 0.976271 17.8863C0.976271 18.5977 1.35868 19.1932 2.03869 19.6955C2.72194 20.2002 3.68669 20.5948 4.79574 20.8952C7.01147 21.4953 9.97081 21.7029 12 21.7029C14.0292 21.7029 16.9885 21.4953 19.2043 20.8952C20.3133 20.5948 21.2781 20.2002 21.9613 19.6955C22.6413 19.1932 23.0237 18.5977 23.0237 17.8863C23.0237 17.8659 23.0207 17.8482 23.0133 17.8114L23.0126 17.8077C23.0056 17.7727 22.995 17.72 22.995 17.6566ZM21.1531 17.8863L21.02 17.7463C20.855 17.5725 20.5426 17.3799 20.1089 17.1888C19.6687 16.9947 19.0839 16.7939 18.3555 16.6122C16.8982 16.2488 14.8571 15.9601 12.2297 15.9601H11.7703C9.14285 15.9601 7.10181 16.2488 5.64451 16.6122C4.91606 16.7939 4.33134 16.9947 3.89111 17.1888C3.45743 17.3799 3.14505 17.5725 2.97996 17.7463L2.84688 17.8863L2.97996 18.0264C3.14505 18.2002 3.45743 18.3928 3.89111 18.5839C4.33134 18.7779 4.91606 18.9788 5.64451 19.1605C7.10181 19.5239 9.37256 19.8126 12 19.8126C14.6274 19.8126 16.8982 19.5239 18.3555 19.1605C19.0839 18.9788 19.6687 18.7779 20.1089 18.5839C20.5426 18.3928 20.855 18.2002 21.02 18.0264L21.1531 17.8863ZM12 14.0698C14.578 14.0698 18.4759 14.4149 20.8185 15.4591L21.1047 15.5867V8.95685L17.2426 12.1282C17.031 12.2919 16.7711 12.366 16.4774 12.3437C16.2142 12.2934 15.9859 12.1509 15.8498 11.9241L15.8471 11.9197L12.0266 5.90312H11.9734L8.15293 11.9197C7.85183 12.4075 7.19522 12.467 6.75741 12.1282L2.89531 8.95685V15.5867L3.18152 15.4591C5.52406 14.4149 9.42204 14.0698 12 14.0698Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/entities/IconFollowing.vue

@@ -0,0 +1,17 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+	  <path d="M11.1827 2.81817C11.0057 3.18929 11.1073 3.63324 11.428 3.89139C11.876 4.25177 12.544 4.10005 12.7911 3.58142C13.3276 2.45686 14.511 1.69595 15.8586 1.78091C17.4586 1.88127 18.7431 3.18369 18.8199 4.78067C18.9065 6.59333 17.453 8.09554 15.6541 8.09554C15.4065 8.09554 15.1654 8.06707 14.9341 8.01292C14.3719 7.88174 13.8336 8.30374 13.8364 8.87933C13.8383 9.28919 14.1257 9.64678 14.5213 9.7392C14.9168 9.83163 15.3306 9.87645 15.7561 9.86805C18.4538 9.81343 20.6249 7.58158 20.602 4.89131C20.5791 2.1861 18.3724 0 15.6541 0C13.6805 0 11.9771 1.1521 11.1827 2.81817Z" :fill="fill" :class="$attrs.class"/>
+	  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.13109 3.61267C5.39826 3.61267 3.18317 5.82212 3.18317 8.54739C3.18317 11.2727 5.39873 13.4821 8.13109 13.4821C10.8634 13.4821 13.0795 11.2727 13.0795 8.54739C13.0795 5.82212 10.8639 3.61267 8.13109 3.61267ZM8.13109 5.38658C9.87854 5.38658 11.3007 6.8043 11.3007 8.54739C11.3007 10.2905 9.87901 11.7082 8.13109 11.7082C6.38317 11.7082 4.96198 10.2905 4.96198 8.54739C4.96198 6.8043 6.38363 5.38658 8.13109 5.38658Z" :fill="fill" :class="$attrs.class"/>
+	  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.50649 14.6678H8.51773L8.51726 14.6669C10.1004 14.6669 12.6362 14.7257 13.6585 14.834C14.3546 14.9082 15.0109 15.2285 15.5057 15.7214C16.0005 16.2153 16.3122 16.8595 16.3848 17.5504C16.3848 17.5504 16.4775 18.4453 16.4775 19.0339C16.4775 19.6226 16.3853 20.4792 16.3853 20.4792C16.3127 21.1813 16.0019 21.8745 15.5094 22.4375C15.0165 22.9991 14.363 23.4024 13.6674 23.5485C12.6699 23.774 10.217 23.9957 8.62305 23.9957H8.51211C8.39836 23.9985 8.27665 23.9999 8.14886 23.9999C6.48754 23.9999 3.72896 23.7717 2.78151 23.5471C2.0859 23.401 1.43242 22.9972 0.939497 22.4356C0.446577 21.8731 0.135752 21.1794 0.063663 20.4778C0.063663 20.4778 0 20.0203 0 19.153C0 18.2856 0.0650673 17.5504 0.0650673 17.5504C0.137156 16.8595 0.449386 16.2158 0.944178 15.7219C1.43897 15.2289 2.09479 14.9087 2.79134 14.8345C3.81369 14.7266 6.92194 14.6678 8.50649 14.6678ZM13.4694 16.5976C12.5823 16.5038 10.1922 16.4408 8.51726 16.4408L8.51773 16.4417H8.50603C6.85875 16.4417 3.88672 16.5029 2.97812 16.5986C2.69585 16.6284 2.4117 16.7666 2.20012 16.9771C1.99649 17.1807 1.86729 17.444 1.83499 17.7194C1.8261 17.8272 1.77882 18.4476 1.77882 19.153C1.77882 19.8168 1.82095 20.1917 1.82657 20.2379C1.82938 20.2558 1.83034 20.2652 1.83184 20.2799L1.83359 20.2967C1.86776 20.63 2.03066 20.9843 2.2797 21.2691C2.52499 21.5492 2.8419 21.7471 3.14804 21.8115C3.16302 21.8143 3.178 21.8176 3.19298 21.8213C3.92229 21.9945 6.50626 22.226 8.14886 22.226C8.26355 22.226 8.37074 22.2246 8.46811 22.2223C8.48262 22.2218 8.4976 22.2218 8.51211 22.2218H8.62305C10.1664 22.2218 12.4709 22.0001 13.2747 21.8185L13.3009 21.8129C13.607 21.7485 13.9244 21.5506 14.1706 21.2695C14.4187 20.9862 14.5816 20.6319 14.6158 20.2981L14.6167 20.2897C14.6392 20.0773 14.6987 19.4382 14.6987 19.0339C14.6987 18.6297 14.6392 17.9617 14.6158 17.7343C14.5863 17.4524 14.4557 17.1825 14.2474 16.9748C14.0377 16.7661 13.7535 16.628 13.4694 16.5976Z" :fill="fill" :class="$attrs.class"/>
+	  <path d="M13.7615 11.079C13.4914 11.0846 13.2386 11.2116 13.0739 11.4249L13.0734 11.424C12.6184 12.0135 13.05 12.866 13.7962 12.8515C14.6074 12.8356 15.4107 12.8272 16.0281 12.8272H16.0398C17.7152 12.8272 20.1053 12.8902 20.9919 12.9841C21.2761 13.0139 21.5602 13.1521 21.7699 13.3612C21.9778 13.569 22.1088 13.8388 22.1383 14.1208C22.1617 14.3481 22.2212 15.0184 22.2212 15.4204C22.2212 15.8223 22.1622 16.4632 22.1393 16.6761L22.1383 16.6845C22.1037 17.0178 21.9413 17.3726 21.6932 17.656C21.4465 17.937 21.1296 18.1349 20.8234 18.1993L20.7972 18.2049C20.2982 18.3179 19.2201 18.4463 18.1051 18.527C17.6515 18.5597 17.2953 18.9266 17.2789 19.3799C17.2602 19.9079 17.7049 20.3346 18.2329 20.2963C19.4102 20.2113 20.5758 20.0741 21.1899 19.9354C21.8856 19.7893 22.539 19.386 23.032 18.8244C23.5249 18.2619 23.8357 17.5682 23.9078 16.8661C23.9078 16.8661 24 16.009 24 15.4208C24 14.8327 23.9073 13.9373 23.9073 13.9373C23.8352 13.2464 23.523 12.6022 23.0282 12.1083C22.5334 11.6154 21.8776 11.2951 21.1811 11.2209C20.1587 11.1126 17.6229 11.0538 16.0398 11.0538H16.0286C15.4266 11.0538 14.605 11.0626 13.7615 11.079Z" :fill="fill" :class="$attrs.class"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/entities/IconPopular.vue

@@ -0,0 +1,14 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  	<path :fill="fill" :class="$attrs.class"  d="M5.81366 6.91304C5.54037 6.68944 5.68944 6.21739 6.03727 6.19255L7.95031 6.04348L8.67081 4.25466C8.81987 3.90683 9.29192 3.90683 9.41615 4.25466L10.1366 6.04348L12.0497 6.19255C12.4224 6.21739 12.5466 6.6646 12.2733 6.91304L10.8075 8.15528L11.2795 10.0186C11.354 10.3665 10.9814 10.6398 10.6832 10.4658L9.06832 9.44721L7.42857 10.4658C7.13043 10.6646 6.73292 10.3665 6.8323 10.0186L7.30435 8.15528L5.81366 6.91304ZM0 11.4099V3.58385C0 2.14286 1.1677 1 2.58385 1H15.5031C16.9441 1 18.087 2.1677 18.087 3.58385V11.4099C18.087 12.8509 16.9193 13.9938 15.5031 13.9938H6.65838L3.72671 16.9503C3.5528 17.1242 3.30435 17.2236 3.0559 17.2236C2.80745 17.2236 2.58385 17.1242 2.38509 16.9503C2.18634 16.7764 2.08696 16.5031 2.08696 16.2298V13.9193C0.89441 13.6957 0 12.6522 0 11.4099ZM1.81366 11.4099C1.81366 11.8323 2.16149 12.205 2.6087 12.205H3.90062V14.2422L5.93789 12.205H15.5528C15.9752 12.205 16.3478 11.8571 16.3478 11.4099V3.58385C16.3478 3.16149 16 2.78882 15.5528 2.78882H2.63354C2.21118 2.78882 1.83851 3.13665 1.83851 3.58385V11.4099H1.81366ZM24 9.2236C24 7.78261 22.8323 6.63975 21.4161 6.63975H19.8509V8.45342H21.4161C21.8385 8.45342 22.2112 8.80124 22.2112 9.24845V17.0745C22.2112 17.4969 21.8634 17.8696 21.4161 17.8696H20.1242V19.882L18.087 17.8447H8.47205C8.04969 17.8447 7.67702 17.4969 7.67702 17.0497V15.7081H7.37888L5.8882 17.1988C5.96273 18.5652 7.10559 19.6335 8.47205 19.6335H17.3416L20.2733 22.5652C20.4472 22.7391 20.6957 22.8385 20.9689 22.8385C21.5155 22.8385 21.9379 22.3913 21.9379 21.8696V19.559C23.1056 19.3106 24 18.2671 24 17.0248V9.2236Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/entities/IconRecent.vue

@@ -0,0 +1,17 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none">
+	  <path d="M20.5045 10.7065L19.5981 15.4534C19.5674 15.6007 19.4929 15.7246 19.3771 15.8221C19.2599 15.9208 19.1222 15.9707 18.9686 15.9707H18.0779C17.9281 15.9707 17.7947 15.9199 17.6825 15.8202C17.5704 15.7205 17.504 15.5938 17.4853 15.4447L17.4852 15.4433L17.1796 12.7158L16.8738 15.4447C16.8551 15.5938 16.7887 15.7205 16.6766 15.8202C16.5644 15.9199 16.431 15.9707 16.2812 15.9707H15.3905C15.237 15.9707 15.0978 15.9209 14.9765 15.8238L14.9743 15.8221C14.8579 15.7241 14.7855 15.599 14.7604 15.4504L13.855 10.7083C13.8228 10.5642 13.8534 10.4302 13.9468 10.3167L13.9492 10.3138C14.0461 10.204 14.1704 10.1462 14.3156 10.1462H14.9913C15.1411 10.1462 15.2745 10.1971 15.3866 10.2968C15.4987 10.3965 15.5652 10.5232 15.5838 10.6723L15.584 10.6737L15.8802 13.3172L16.1258 10.6768C16.1385 10.5261 16.2028 10.3973 16.3158 10.2968C16.428 10.1971 16.5614 10.1462 16.7112 10.1462H17.6786C17.8285 10.1462 17.9619 10.1971 18.074 10.2968C18.187 10.3973 18.2513 10.5255 18.264 10.6762L18.5096 13.3172L18.806 10.6723C18.8246 10.5232 18.8911 10.3965 19.0032 10.2968C19.1153 10.1971 19.2487 10.1462 19.3986 10.1462H20.0435C20.189 10.1462 20.3122 10.2044 20.4046 10.3167C20.4972 10.4291 20.5306 10.5627 20.5045 10.7065Z" :fill="fill" :class="$attrs.class"/>
+	  <path d="M13.5162 10.3089C13.4097 10.2023 13.2798 10.1462 13.1315 10.1462H10.3213C10.173 10.1462 10.0431 10.2023 9.93658 10.3089C9.83003 10.4155 9.77393 10.5453 9.77393 10.6936V15.4234C9.77393 15.5716 9.83003 15.7015 9.93658 15.8081C10.0431 15.9146 10.173 15.9707 10.3213 15.9707H13.1315C13.2798 15.9707 13.4097 15.9146 13.5162 15.8081C13.6228 15.7015 13.6789 15.5716 13.6789 15.4234V15.0702C13.6789 14.9219 13.6228 14.792 13.5162 14.6855C13.4097 14.5789 13.2798 14.5228 13.1315 14.5228H11.529V13.6673H12.9779C13.1262 13.6673 13.2561 13.6112 13.3626 13.5046C13.4692 13.3981 13.5253 13.2682 13.5253 13.1199V12.8435C13.5253 12.6952 13.4692 12.5654 13.3626 12.4588C13.2561 12.3523 13.1262 12.2961 12.9779 12.2961H11.529V11.5941H13.1315C13.2798 11.5941 13.4097 11.538 13.5162 11.4315C13.6228 11.3249 13.6789 11.195 13.6789 11.0468V10.6936C13.6789 10.5453 13.6228 10.4155 13.5162 10.3089Z" :fill="fill" :class="$attrs.class"/>
+	  <path d="M6.26485 13.2336L7.40037 15.5177C7.47177 15.6633 7.56912 15.7784 7.69431 15.8563C7.81956 15.9342 7.96586 15.9707 8.12847 15.9707H8.71202C8.86028 15.9707 8.99016 15.9146 9.09671 15.8081C9.20327 15.7015 9.25937 15.5716 9.25937 15.4234V10.6936C9.25937 10.5453 9.20327 10.4155 9.09671 10.3089C8.99016 10.2023 8.86028 10.1462 8.71202 10.1462H8.12847C7.98021 10.1462 7.85034 10.2023 7.74378 10.3089C7.63723 10.4155 7.58112 10.5453 7.58112 10.6936V12.8834L6.44561 10.5992C6.37421 10.4537 6.27687 10.3385 6.15167 10.2607C6.02642 10.1828 5.88012 10.1462 5.7175 10.1462H5.13396C4.9857 10.1462 4.85582 10.2023 4.74927 10.3089C4.64271 10.4155 4.58661 10.5453 4.58661 10.6936V15.4234C4.58661 15.5716 4.64271 15.7015 4.74927 15.8081C4.85582 15.9146 4.9857 15.9707 5.13396 15.9707H5.7175C5.86577 15.9707 5.99564 15.9146 6.1022 15.8081C6.20875 15.7015 6.26485 15.5716 6.26485 15.4234V13.2336Z" :fill="fill" :class="$attrs.class"/>
+	  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.62497 0C8.23077 0 8.72186 0.491095 8.72186 1.09689V2.74225H15.3032V1.09689C15.3032 0.491095 15.7943 0 16.4001 0C17.0059 0 17.497 0.491095 17.497 1.09689V2.74225H19.0655C22.0945 2.74225 24.55 5.19773 24.55 8.22671V17.7697C24.55 20.7987 22.0945 23.2541 19.0655 23.2541H6.03445C3.00546 23.2541 0.549988 20.7987 0.549988 17.7697V8.22671C0.549988 5.19772 3.00546 2.74225 6.03445 2.74225H6.52808V1.09689C6.52808 0.491095 7.01917 0 7.62497 0ZM15.3032 4.93603V6.58135C15.3032 7.18715 15.7943 7.67824 16.4001 7.67824C17.0059 7.67824 17.497 7.18715 17.497 6.58135V4.93603H19.0655C20.8829 4.93603 22.3562 6.40932 22.3562 8.22671V17.7697C22.3562 19.5871 20.8829 21.0604 19.0655 21.0604H6.03445C4.21706 21.0604 2.74377 19.5871 2.74377 17.7697V8.22671C2.74377 6.40932 4.21706 4.93603 6.03445 4.93603H6.52808V6.58135C6.52808 7.18715 7.01917 7.67824 7.62497 7.67824C8.23077 7.67824 8.72186 7.18715 8.72186 6.58135V4.93603H15.3032Z" :fill="fill" :class="$attrs.class"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconAdd.vue

@@ -12,6 +12,4 @@
 	    default: 'rgb(var(--black))'
 	  }
 	})
-</script>
-
-`
+</script>

package/src/modules/icons/navigation/IconArrow.vue

@@ -0,0 +1,21 @@
+<template>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	<path  :fill="fill" :transform="`rotate(${rotation}, 24, 24)`"  d="M42.4938 21.6042L29.8525 8.96288C29.568 8.66354 29.2265 8.42416 28.8481 8.25884C28.4696 8.09352 28.062 8.0056 27.649 8.00026C27.2361 7.99492 26.8263 8.07226 26.4437 8.22774C26.0612 8.38322 25.7136 8.61368 25.4214 8.90556C25.1293 9.19743 24.8985 9.54482 24.7427 9.92725C24.5869 10.3097 24.5092 10.7194 24.5142 11.1324C24.5192 11.5453 24.6067 11.953 24.7717 12.3316C24.9367 12.7102 25.1758 13.0519 25.4749 13.3366L32.9475 20.7978H8.09504C7.27418 20.7978 6.48695 21.1238 5.90652 21.7043C5.32608 22.2847 5 23.0719 5 23.8928C5 24.7137 5.32608 25.5009 5.90652 26.0813C6.48695 26.6618 7.27418 26.9878 8.09504 26.9878H32.8784L25.4749 34.4029C24.9186 34.9882 24.6131 35.7677 24.6236 36.5751C24.634 37.3825 24.9596 38.1538 25.5308 38.7245C26.102 39.2952 26.8736 39.6201 27.681 39.6299C28.4884 39.6396 29.2677 39.3334 29.8525 38.7766L42.4938 26.1354C42.7822 25.8487 43.0108 25.5076 43.1664 25.1318C43.3219 24.7561 43.4013 24.3532 43.4 23.9466C43.402 23.921 43.402 23.8953 43.4 23.8698C43.4018 23.8442 43.4018 23.8185 43.4 23.793C43.3997 22.9721 43.0738 22.1849 42.4938 21.6042Z" />
+</svg>
+
+
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  },
+	  rotation: {
+	    type: Number,
+	    default: 0
+	  }
+	})
+</script>
+`

package/src/modules/icons/navigation/IconCheckmark.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	  <path :fill="fill" fill-rule="evenodd" clip-rule="evenodd" d="M19.1081 37.3513C18.3271 38.1323 17.061 38.1323 16.2799 37.3515L7.41509 28.4891C6.63367 27.7079 6.63381 26.441 7.4154 25.66L9.04833 24.0282C9.82946 23.2476 11.0954 23.2478 11.8763 24.0287L17.6941 29.8465L36.1264 11.4142C36.9074 10.6332 38.1738 10.6332 38.9548 11.4142L40.5858 13.0452C41.3668 13.8262 41.3668 15.0926 40.5858 15.8736L19.1081 37.3513Z" />
+	</svg>
+</template>
+
+
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconChevronRight.vue

@@ -1,6 +1,6 @@
 <template>
-	<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-		<path :fill="fill" d="M16.25 9.375L20 5.9375C21.5625 4.53125 23.9062 4.6875 25.3125 6.25L54.2188 37.8125C55.3125 39.0625 55.3125 40.9375 54.2188 42.1875L25.3125 73.75C23.9062 75.3125 21.5625 75.4688 20 74.0625L16.25 70.625C14.6875 69.375 14.5312 66.875 15.9375 65.4688L39.375 40L15.9375 14.5312C14.5312 13.125 14.6875 10.625 16.25 9.375Z"/>
+	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
+	  <path :fill="fill" d="M25.2765 9.37509L29.0265 5.93759C30.589 4.53134 32.9327 4.68759 34.339 6.25009L63.2453 37.8126C64.339 39.0626 64.339 40.9376 63.2453 42.1876L34.339 73.7501C32.9327 75.3126 30.589 75.4689 29.0265 74.0626L25.2765 70.6251C23.714 69.3751 23.5577 66.8751 24.964 65.4689L48.4015 40.0001L24.964 14.5313C23.5577 13.1251 23.714 10.6251 25.2765 9.37509Z"/>
 	</svg>
 </template>
 

package/src/modules/icons/navigation/IconEdit.vue

@@ -2,6 +2,20 @@
 	<svg 
 		 width="652" height="652" viewBox="0 0 652 652" fill="none" xmlns="http://www.w3.org/2000/svg"
 	>
-		<path fill="rgb(var(--black))" d="M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z"/>
+		<path :class="classes" :fill="fill" d="M515.693 9.52082C510.095 3.91669 502.49 0.765625 494.563 0.765625C486.635 0.765625 479.036 3.91669 473.432 9.52082L48.7255 434.307C44.8244 438.214 42.0848 443.125 40.8088 448.496L0.939444 615.069C-1.47202 625.168 1.528 635.788 8.86652 643.132C16.2103 650.47 26.8305 653.47 36.9292 651.059L203.516 611.261H203.511C208.88 609.985 213.792 607.246 217.699 603.35L642.485 178.496C648.089 172.892 651.241 165.293 651.241 157.366C651.241 149.439 648.089 141.835 642.485 136.235L515.693 9.52082ZM113.76 453.708L388.307 179.161L472.828 263.682L198.281 538.229L113.76 453.708ZM87.1041 511.5L140.416 564.812L70.3014 581.614L87.1041 511.5ZM515.091 221.793L430.195 136.897L494.184 72.9075L579.08 157.429L515.091 221.793Z"/>
 	</svg>
-</template>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  },
+	  classes: {
+	    type: String,
+	    default: ''
+	  },
+
+	})
+</script>

package/src/modules/icons/navigation/IconEllipsis.vue

@@ -0,0 +1,16 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+	  <circle cx="6" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	  <circle cx="24" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	  <circle cx="42" cy="24" r="6" :fill="fill" :class="$attrs.class"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/placeholders/PlaceholderChat.vue

@@ -0,0 +1,9 @@
+<template>
+	<svg xmlns="http://www.w3.org/2000/svg" width="112" height="112" viewBox="0 0 112 112" fill="none">
+	  <rect width="112" height="112" fill="rgb(var(--main))"/>
+	  <g opacity="0.1">
+	    <path  fill="rgb(var(--black))" fill-rule="evenodd" clip-rule="evenodd" d="M80.8929 71.3997V61.2081C80.8929 61.0087 80.9326 60.8113 81.0097 60.6271C81.0869 60.443 81.2 60.2758 81.3425 60.1352C81.4849 59.9946 81.654 59.8833 81.84 59.8077C82.026 59.7322 82.2252 59.6938 82.4262 59.6949H88.2874C88.7764 59.6927 89.2449 59.499 89.5907 59.1559C89.9365 58.8127 90.1318 58.348 90.1339 57.8627V24.8341C90.1296 24.3502 89.9334 23.8875 89.5878 23.5461C89.2422 23.2048 88.775 23.0122 88.2874 23.01H37.1771C36.6895 23.0122 36.2223 23.2048 35.8767 23.5461C35.5311 23.8875 35.3349 24.3502 35.3305 24.8341V57.8627C35.3327 58.348 35.528 58.8127 35.8738 59.1559C36.2196 59.499 36.688 59.6927 37.1771 59.6949H64.8756C65.2081 59.6949 65.5318 59.801 65.7989 59.9975L80.8929 71.3997ZM65.667 63.7028V77.9842C65.6541 79.0519 65.2209 80.0722 64.46 80.8272C63.6991 81.5823 62.6707 82.0121 61.5946 82.0248H41.2577L28.5626 91.5948C28.3449 91.7957 28.0727 91.9291 27.7796 91.9786C27.4865 92.028 27.1852 91.9914 26.9128 91.8732C26.6404 91.755 26.4088 91.5604 26.2464 91.3133C26.084 91.0662 25.9979 90.7774 25.9988 90.4824V82.0248H23.0723C21.9963 82.0121 20.9679 81.5823 20.207 80.8272C19.446 80.0722 19.0128 79.0519 19 77.9842V53.0859C19.0128 52.0182 19.446 50.9978 20.207 50.2428C20.9679 49.4878 21.9963 49.058 23.0723 49.0452H32.2969V24.8341C32.3162 23.5537 32.8391 22.3316 33.7539 21.4284C34.6688 20.5253 35.9031 20.0127 37.1936 20H88.3038C89.6071 19.9999 90.8578 20.5103 91.7839 21.42C92.7101 22.3298 93.237 23.5655 93.25 24.8586V57.8627C93.25 59.1643 92.7289 60.4126 91.8013 61.3329C90.8737 62.2533 89.6156 62.7704 88.3038 62.7704H83.9512V74.4425C83.9521 74.7375 83.866 75.0263 83.7037 75.2734C83.5413 75.5205 83.3096 75.7151 83.0372 75.8333C82.7648 75.9515 82.4635 75.9881 82.1704 75.9387C81.8773 75.8892 81.6052 75.7558 81.3875 75.5549L65.667 63.7028ZM32.2969 52.0798V57.8627C32.2968 59.1558 32.8112 60.3967 33.7281 61.3157C34.645 62.2347 35.8904 62.7574 37.1936 62.7704H62.6086V77.9842C62.6064 78.2503 62.4989 78.505 62.3092 78.6932C62.1195 78.8814 61.8629 78.9881 61.5946 78.9902H40.7219C40.3902 78.9883 40.0677 79.0978 39.8068 79.3011L29.0242 87.4396V80.528C29.0242 80.1245 28.8627 79.7375 28.5751 79.4522C28.2876 79.1669 27.8976 79.0066 27.4909 79.0066H23.0723C22.8041 79.0045 22.5474 78.8978 22.3577 78.7096C22.168 78.5213 22.0605 78.2667 22.0584 78.0005V53.0859C22.0605 52.8197 22.168 52.5651 22.3577 52.3769C22.5474 52.1886 22.8041 52.082 23.0723 52.0798H32.2969ZM47.9103 40.0233C48.1321 40.2417 48.2961 40.5112 48.3877 40.8077C48.4792 41.1043 48.4954 41.4186 48.4349 41.7229C48.3744 42.0272 48.2391 42.3119 48.0409 42.5517C47.8427 42.7915 47.5878 42.9789 47.2989 43.0974C47.0101 43.2158 46.6962 43.2616 46.3852 43.2306C46.0742 43.1996 45.7758 43.0927 45.5164 42.9196C45.2571 42.7465 45.0449 42.5125 44.8988 42.2384C44.7526 41.9642 44.6771 41.6585 44.6788 41.3484C44.6769 40.9761 44.7869 40.6116 44.9947 40.3016C45.2025 39.9916 45.4987 39.75 45.8455 39.6078C46.1923 39.4656 46.574 39.4292 46.9417 39.5032C47.3095 39.5772 47.6467 39.7583 47.9103 40.0233ZM46.5748 36.4407C47.5531 36.4407 48.5093 36.7285 49.3227 37.2678C50.1361 37.8071 50.7701 38.5735 51.1445 39.4703C51.5188 40.3671 51.6168 41.3538 51.4259 42.3058C51.2351 43.2578 50.764 44.1323 50.0723 44.8186C49.3805 45.505 48.4992 45.9724 47.5397 46.1618C46.5803 46.3511 45.5858 46.2539 44.682 45.8825C43.7782 45.511 43.0057 44.882 42.4622 44.0749C41.9187 43.2679 41.6287 42.319 41.6287 41.3484C41.6287 40.0468 42.1498 38.7985 43.0773 37.8781C44.0049 36.9578 45.263 36.4407 46.5748 36.4407ZM64.0842 40.0233C64.306 40.2417 64.47 40.5112 64.5616 40.8077C64.6531 41.1043 64.6694 41.4186 64.6089 41.7229C64.5483 42.0272 64.413 42.3119 64.2148 42.5517C64.0166 42.7915 63.7617 42.9789 63.4729 43.0974C63.184 43.2158 62.8701 43.2616 62.5591 43.2306C62.2481 43.1996 61.9497 43.0927 61.6904 42.9196C61.431 42.7465 61.2188 42.5125 61.0727 42.2384C60.9266 41.9642 60.851 41.6585 60.8527 41.3484C60.8585 40.9795 60.9731 40.6204 61.1822 40.3154C61.3913 40.0103 61.6858 39.7727 62.0294 39.6318C62.373 39.4909 62.7507 39.4529 63.1159 39.5225C63.481 39.592 63.8176 39.7661 64.0842 40.0233ZM62.7405 36.4407C63.7187 36.4407 64.675 36.7285 65.4884 37.2678C66.3018 37.8071 66.9358 38.5735 67.3101 39.4703C67.6845 40.3671 67.7824 41.3538 67.5916 42.3058C67.4007 43.2578 66.9297 44.1323 66.2379 44.8186C65.5462 45.505 64.6649 45.9724 63.7054 46.1618C62.746 46.3511 61.7515 46.2539 60.8477 45.8825C59.9439 45.511 59.1714 44.882 58.6279 44.0749C58.0844 43.2679 57.7943 42.319 57.7943 41.3484C57.7943 40.0468 58.3154 38.7985 59.243 37.8781C60.1706 36.9578 61.4287 36.4407 62.7405 36.4407ZM80.2499 40.0233C80.4717 40.2417 80.6357 40.5112 80.7273 40.8077C80.8188 41.1043 80.835 41.4186 80.7745 41.7229C80.714 42.0272 80.5786 42.3119 80.3804 42.5517C80.1823 42.7915 79.9274 42.9789 79.6385 43.0974C79.3497 43.2158 79.0358 43.2616 78.7248 43.2306C78.4138 43.1996 78.1154 43.0927 77.856 42.9196C77.5967 42.7465 77.3845 42.5125 77.2384 42.2384C77.0922 41.9642 77.0167 41.6585 77.0184 41.3484C77.0165 40.9761 77.1265 40.6116 77.3343 40.3016C77.5421 39.9916 77.8383 39.75 78.1851 39.6078C78.5319 39.4656 78.9136 39.4292 79.2813 39.5032C79.6491 39.5772 79.9863 39.7583 80.2499 40.0233ZM78.9144 36.4407C79.8927 36.4407 80.8489 36.7285 81.6623 37.2678C82.4757 37.8071 83.1097 38.5735 83.484 39.4703C83.8584 40.3671 83.9564 41.3538 83.7655 42.3058C83.5747 43.2578 83.1036 44.1323 82.4119 44.8186C81.7201 45.505 80.8388 45.9724 79.8793 46.1618C78.9199 46.3511 77.9254 46.2539 77.0216 45.8825C76.1178 45.511 75.3453 44.882 74.8018 44.0749C74.2583 43.2679 73.9682 42.319 73.9682 41.3484C73.9682 40.0468 74.4894 38.7985 75.4169 37.8781C76.3445 36.9578 77.6026 36.4407 78.9144 36.4407Z"/>
+	  </g>
+	</svg>
+</template>
+

package/src/modules/landing/components/sections/MobileApp.vue

@@ -1,58 +1,74 @@
 <template>
   <div id="mobileApp" class="pd-thin">
-    <section class="pos-relative flex-nowrap flex gap-big pd-big pd-t-big o-hidden bg-black t-white radius-big">
+    <section class="pos-relative cols-2 pd-thin o-hidden bg-black t-white radius-extra">
       <div class="z-index-1 h-100">
-        <img :src="(FILE_SERVER_URL || '') + mockupImage" alt="Mobile App Mockup" class="desktop-only h-100 w-100 object-fit-contain">
-        <img :src="(FILE_SERVER_URL || '') + mockupMobile" alt="Mobile App Mockup" class="mobile-only h-100 w-100 object-fit-contain">
+        <img 
+          :src="(FILE_SERVER_URL || '') + mockupImage" 
+          alt="Desktop App Mockup" 
+          class="radius-extra h-100 w-100 object-fit-cover"
+        >
       </div>
 
-      <div class="z-index-1 w-1/2">
+      <div class="pd-big flex flex-h-center flex-column z-index-1 w-1/2">
         <h2 class="mn-t-medium mn-b-semi w-m-40r">{{ t('title') }}</h2>
         <p class="t-transp mn-b-big p-big w-m-33r">{{ t('description') }}</p>
         
         <div class="mn-b-big gap-medium cols-2">
           <div class="feature">
-            <h3 class="mn-b-small">{{ t('features.instantUpdates.title') }}</h3>
+            <H4 class="mn-b-thin">{{ t('features.instantUpdates.title') }}</H4>
             <p class="t-transp p-medium">{{ t('features.instantUpdates.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-b-small">{{ t('features.locate.title') }}</h3>
+            <H4 class="mn-b-thin">{{ t('features.locate.title') }}</H4>
             <p class="t-transp p-medium">{{ t('features.locate.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-b-small">{{ t('features.wallet.title') }}</h3>
+            <H4 class="mn-b-thin">{{ t('features.wallet.title') }}</H4>
             <p class="t-transp p-medium">{{ t('features.wallet.text') }}</p>
           </div>
           <div class="feature">
-            <h3 class="mn-b-small">{{ t('features.customization.title') }}</h3>
+            <H4 class="mn-b-thin">{{ t('features.customization.title') }}</H4>
             <p class="t-transp p-medium">{{ t('features.customization.text') }}</p>
           </div>
         </div>
 
-        <div class="w-m-33r flex-nowrap flex gap-medium">
-          <div class="pos-relative w-100 h-100"> 
-            <span class="z-index-2 pd-tin radius-big bg-main t-semi uppercase pd-micro pos-absolute pos-r-small-negative pos-t-small-negative">{{ t('features.soonLabel') }}</span>
+        <div class="w-m-25r flex-nowrap flex gap-medium">
+          <a 
+            :href="te('features.linkAppStore') ? t('features.linkAppStore') : null" 
+            :target="te('features.linkAppStore') ? '_blank' : null" 
+            class="pos-relative w-100 h-100"
+          > 
+            <span 
+              v-if="te('features.soonLabel')"
+              class="z-index-2 radius-big bg-main t-semi uppercase pd-l-thin pd-r-thin pos-absolute pos-r-small-negative pos-t-small-negative"
+            >
+              {{ t('features.soonLabel') }}
+            </span>
             <LabelAppStore class="w-100 h-100" alt="Download on App Store"/>
-          </div>
+          </a>
 
-          <div class="pos-relative w-100 h-100"> 
-            <span class="z-index-2 pd-tin radius-big bg-main t-semi uppercase pd-micro pos-absolute pos-r-small-negative pos-t-small-negative">{{ t('features.soonLabel') }}</span>
+          <a 
+            :href="te('features.linkGooglePlay') ? t('features.linkGooglePlay') : null" 
+            :target="te('features.linkGooglePlay') ? '_blank' : null" 
+            class="pos-relative w-100 h-100"
+          > 
+            <span 
+              v-if="te('features.soonLabel')"
+              class="z-index-2 pd-l-thin pd-r-thin radius-big bg-main t-semi uppercase pos-absolute pos-r-small-negative pos-t-small-negative"
+            >
+              {{ t('features.soonLabel') }}
+            </span>
             <LabelGooglePlay class="w-100 h-100" alt="Download on Google Play"/>
-          </div>
+          </a>
 
         </div>
       </div>
-
-      <div class="w-100 h-100 pos-absolute pos-t-0 pos-r-0 z-index-0 grid" :style="{backgroundImage: `url(${bgImage})`}">
-        <div v-if="!bgImage" class="grid-lines"></div>
-      </div>
     </section>
   </div>
 </template>
 
 <script setup>
 import { useI18n } from 'vue-i18n'
-import { withDefaults } from 'vue'
 
 import LabelAppStore from '@pf/src/modules/icons/labels/LabelAppStore.vue'
 import LabelGooglePlay from '@pf/src/modules/icons/labels/LabelGooglePlay.vue'
@@ -79,6 +95,7 @@ const props = defineProps({
           description: 'Intuitive, Efficient, and Customized for Your Cannabis Needs',
           features: {
             soonLabel: "Soon",  
+
             instantUpdates: {
               title: 'Instant Updates',
               text: 'Receive real-time notifications for new product releases and community updates. Always stay in the loop.'
@@ -102,7 +119,7 @@ const props = defineProps({
   }
 })
 
-const { t } = useI18n(props.textData)
+const { t, te } = useI18n(props.textData)
 </script>
 
 <style lang="scss">

package/src/modules/landing/components/sections/SectionEarn.vue

@@ -0,0 +1,104 @@
+<template>
+  <div class="pd-thin">
+    <section class="cols-2 bg-black t-black radius-big pd-thin gap-thin">
+      <div>
+        <div class="mn-b-thin t-white pd-big radius-big">
+           <img class="mn-b-semi h-5r"  src="/logo/wdt.svg">
+
+          <h2 class="mn-b-small" v-html="t('title')"/>
+          <p class="mn-b-small p-big t-transp">{{ t('description') }}</p>  
+          <p class="mn-b-semi p-medium t-transp">{{ t('subdescription')}}</p>
+
+        <div class="gap-thin cols-2">
+          <router-link to="/governance" class="flex t-center bg-white flex-center flex-column t-black pd-big radius-big">
+            
+             <svg xmlns="http://www.w3.org/2000/svg" class="mn-b-small i-extra" f width="64" height="64" viewBox="0 0 64 64" fill="none">
+              <circle cx="32" cy="32" r="22.875" stroke="black" stroke-width="2.25"/>
+              <path d="M34.207 22.4192L33.436 21.6L34.207 22.4192C34.8678 21.7973 35.173 20.9832 35.173 20.088C35.173 19.1688 34.8535 18.3301 34.1341 17.7234C33.4511 17.123 32.5912 16.875 31.672 16.875C30.7602 16.875 29.912 17.1319 29.2341 17.7338C28.5388 18.3482 28.243 19.1854 28.243 20.088C28.243 20.9931 28.5391 21.8248 29.209 22.4552L29.2337 22.4785L29.2598 22.5002C29.9451 23.0714 30.8001 23.301 31.708 23.301C32.6422 23.301 33.5294 23.057 34.207 22.4192ZM33.012 26.631H28.8847C27.8742 26.631 27.055 27.4502 27.055 28.4607C27.055 29.3486 27.6924 30.1083 28.5668 30.2626L29.503 30.4279V42.2561L28.2191 42.643C27.4211 42.8835 26.875 43.6184 26.875 44.4518C26.875 45.4952 27.7208 46.341 28.7642 46.341H35.7727C36.8134 46.341 37.657 45.4974 37.657 44.4567C37.657 43.6154 37.0993 42.8761 36.2904 42.6449L35.137 42.3154V28.756C35.137 27.5824 34.1856 26.631 33.012 26.631Z" stroke="black" stroke-width="2.25"/>
+            </svg>
+              <h4 class="uppercase t-medium">{{t('action')}}</h4>
+          </router-link>
+
+          <router-link to="/governance#howtoget" class="flex t-center flex-center flex-column bg-main t-black pd-big radius-big">
+            <IconEarn class="mn-b-small i-extra" fill="rgb(var(--black)"/>
+            <h4 class="uppercase t-medium">{{t('subaction')}}</h4>
+          </router-link>
+          
+        </div>
+        </div>
+
+      </div>
+
+      <div class="pos-relative pd-medium flex-column flex-center flex h-100 bg-main radius-big o-hidden">
+          <img src="/landing/token_hands.png" class="mn-t-extra z-index-1 w-75 mn-b-auto" >
+          <!-- <h3 class="mn-b-small z-index-1">How to Earn?</h3> -->
+          <ConnectMetamask class="w-100 z-index-1" />
+          <div style="background-image: url(/spiral.jpg)" class="mn-b-extra spiral"></div>
+        
+          <!-- <Shader class="pos-absolute z-index-0 w-100 h-100"/> -->
+      </div>
+    </section>
+  </div>
+</template>
+
+<script setup>
+import { computed,ref,onMounted, reactive } from 'vue'
+import { useI18n } from 'vue-i18n';
+
+import Shader from '@pf/src/components/Shader/Shader.vue'
+
+import IconEarn from '@pf/src/modules/icons/entities/IconEarn.vue'
+
+import IconInfo from '@pf/src/modules/icons/navigation/IconInfo.vue'
+
+
+import ConnectMetamask        from '@/components/elements/ConnectMetamask.vue'
+
+import ButtonAddWDT        from '@/components/elements/ButtonAddWDT.vue'
+import ButtonSwitchToPolygon        from '@/components/elements/ButtonSwitchToPolygon.vue'
+
+const props = defineProps({
+  mockupImage: {
+    type: String,
+    default: "/landing/mockup.png"
+  },
+   mockupMobile: {
+    type: String,
+    default: "/landing/mockup-mobile.png"
+  },
+  bgImage: {
+    type: String,
+    default: "" // Введите ваше стандартное значение здесь, если необходимо
+  },
+  textData: {
+    type: Object,
+    default: () => ({
+      messages: {
+        en: {
+          title: 'Smoke Weed and<br><b>Get Slice of The Pie</b>',
+          description: 'Earn Weeder Digital Tokens to get a share of Weeder profits. The more tokens you have, the bigger your cut of the profits will be.',
+          subdescription: 'Weeder innovative approach to the cannabis industry is reflected in its dual-token ecosystem. We have developed two types of tokens - WDT (Released) and HIGH (Soon) - each with distinct functions, benefits, and structures. These tokens enable users to participate in the Weeder platform, incentivize community engagement, and encourage growth and expansion.',
+          action: 'Learn More',
+          subaction: 'How to Get',
+        },
+      }
+    })
+  }
+})
+const { t } = useI18n(props.textData)
+</script>
+
+<style lang="scss" scoped>
+  @keyframes rotate {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .rotating {
+    animation: rotate 16s linear infinite;
+  }
+
+</style>

package/src/modules/landing/components/sections/SectionFeatures.vue

@@ -1,17 +1,16 @@
 <template>
   <div id="howtobuy" class="pd-thin">
-    <section class="t-center bg-grey radius-big pd-t-big pd-b-big">
-      <h2 class="w-max-40r mn-l-auto mn-r-auto mn-b-small">
-        {{ t('title') }}
-      </h2>
+    <section class="t-center bg-black t-white radius-big pd-big pd-t-big pd-b-big">
+      <h2 class="w-max-50r mn-l-auto mn-r-auto mn-b-small" v-html="t('title')"/>
+     
 
-      <div class="cols-3 gap">
+      <div class="cols-3 gap-thin">
         <div 
           v-for="feature in tm('features')" 
           :key="feature.title" 
-          class="pd-medium bg-grey radius-big"
+          class="pd-medium  radius-big"
         >
-          <p class="mn-r-auto mn-l-auto h1 i-extra radius-extra bg-white flex-center flex mn-b-medium">
+          <p class="mn-r-auto mn-l-auto h2 i-extra radius-extra bg-main flex-center flex mn-b-medium">
             {{ feature.icon }}
           </p>
           <h3 class="mn-b-medium">
@@ -38,7 +37,7 @@
       default: () => ({
         messages: {
           en: {
-            title: 'Transform Your View on Smoking with Next Industrial Revolution',
+            title: 'Transform Your View on Smoking with <b class="t-main">Next Industrial Revolution</b>',
             features: [{
               icon: '1',
               title: 'United in Growth',

package/src/modules/marketplace/components/layouts/Marketplace.vue

@@ -1,16 +1,16 @@
 <template>
 	<div style="min-height: 100%;" class="h-min-100 pd-thin">
-		<header class="mn-b-thin radius-big bg-grey pd-medium flex-v-center t-left flex-nowrap flex">
+		<header class="mn-b-thin radius-big bg-main pd-medium flex-v-center t-left flex-nowrap flex">
     	<h2 class="t-left">
     		<span class="">Weed in </span>
 
-    		<span @click="a => { store.globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-main">
+    		<span @click="a => { store.globals.state.isOpenLocationPopup = true }" v-if="localPosition.city || localPosition.state || localPosition.country" class="t-semi t-black cursor-pointer hover-t-underline">
   				<span v-if="localPosition.city">{{localPosition.city}}, </span>
   				<span v-if="localPosition.state">{{localPosition.state}}, </span>
   				<span v-if="localPosition.country">{{localPosition.country}}</span>
     		</span>
 
-    		<span v-else @click="a => { store.globals.state.isOpenLocationPopup = true }"  class="t-semi t-main">
+    		<span v-else @click="a => { store.globals.state.isOpenLocationPopup = true }"  class="t-semi t-black cursor-pointer hover-t-underline">
 						The World
     		</span>
     	</h2>

package/src/modules/orders/components/blocks/StatusHistory.vue

@@ -3,7 +3,11 @@
     <h3 class="pd-medium">Tracking History</h3>
     <div v-for="status in statuses" :key="status.value" class="w-100 br-t br-solid br-black-transp-10 pd-medium flex-v-center flex-nowrap flex">
       <div class="flex-center flex i-big radius-extra br-solid br-2px br-black-transp-10 mn-r-small">
-        <span  v-if="isStatusInHistory(status.value)">✔</span>
+        
+        <IconCheckmark
+          v-if="isStatusInHistory(status.value)"
+          class="i-medium"
+        />
       </div>
       <p class="h4 w-8r">{{status.name}}</p>
       <button v-if="edit" :disabled="!isNextPossibleStatus(status.value)" @click="setStatus(status)" class="mn-l-auto bg-main button radius-big">Set status</button>
@@ -14,6 +18,8 @@
 <script setup>
 import { ref, computed } from 'vue';
 
+import IconCheckmark from '@pf/src/modules/icons/navigation/IconCheckmark.vue'
+
 const props = defineProps({
   statusHistory: {
     type: Array

package/src/modules/orders/components/pages/Order.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="order && orderOrganization" class="pd-big"> 
+	<div v-if="order && orderOrganization" class="pd-thin"> 
 	  
 	
 
@@ -167,7 +167,7 @@
 	    <div class="bg-grey radius-big pd-medium  mn-r-bold pd-r-big br-right-dark w-100">
 	  		<h3 class="mn-b-small">Order Summary</h3>
 
-	  		<ul class="mn-b-semi">
+	  		<ul class="flex gap-thin flex-column mn-b-semi">
 	  			<CardOrderItem
 	  				v-for="(product, index) in orderProducts" :key="product._id"
 	  				:editable="false" 
@@ -197,7 +197,7 @@
 		    		route.name === 'Order Status' ? order.user?.name || 'User' : 'Weeder Support'
 		    	"
 		    	:chatID="order._id"
-		    	class="bg-black radius-big bg-white o-hidden"
+		    	class="radius-semi bg-white o-hidden"
 		    />
 
 	    </div>
@@ -244,7 +244,6 @@
 
 	})
 
-
 	let cartTotalPrice = computed(() => {
     return Number(order.value.positions.reduce((total, product) => {
       return total + product.price * product.quantity;