@ozdao/martyrs 0.2.429 → 0.2.431

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

@@ -1,116 +0,0 @@
-<template>
-  <section id="howtobuy" class="section">
-
-    <div class="mn-b-big t-center title">
-      <h2 class="mn-b-small">{{t('title')}}</h2>
-      <p class="w-m-60r mn-b-big mn-auto t-transp p-big">
-        {{t('subtitle')}}
-      </p>
-    </div>
-
-    <div class="cols-3 gap-thin">
-
-      <div class="w-100 pd-medium bg-light radius-medium">
-        <img loading="lazy" class="radius-medium bg-light h-max-20r object-fit-cover w-100 mn-b-medium" src="@/assets/images/howitworks/step1.png"> 
-        <h3 class="mn-b-medium">{{t('steps.step1.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step1.text')}}</p>
-      </div>
-
-      <div class="w-100 pd-medium bg-light radius-medium">
-        <img loading="lazy" class="radius-medium bg-light  h-max-20r object-fit-cover w-100 mn-b-medium" src="@/assets/images/howitworks/step2.png"> 
-        <h3 class="mn-b-medium">{{t('steps.step2.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step2.text')}}</p>
-      </div>
-
-      <div class="w-100 pd-medium bg-light radius-medium">
-        <img loading="lazy" class="radius-medium bg-light  h-max-20r object-fit-cover w-100 mn-b-medium" src="@/assets/images/howitworks/step3.png">
-        <h3 class="mn-b-medium">{{t('steps.step3.headline')}}</h3>
-        <p class="t-transp">{{t('steps.step3.text')}}</p>
-      </div>
-      
-    </div>
-
-  </section>
-</template>
-
-
-<script setup>
- import { useI18n }    from 'vue-i18n'
-    
-  const text = {
-    messages: {
-      en: {
-        title: 'What is Weeder Token?',
-        subtitle: 'WDT – the foundation of the Weeder community. It serves as a currency, a DAO instrument, and for many other purposes:',
-        steps: {
-          step1: {
-            headline: 'Currency',
-            text: 'WDT can be used as a digital currency within the Weeder ecosystem, allowing users to purchase products such as cannabis, advertising spaces, and other premium features on the platform.',
-          },
-          step2: {
-            headline: 'Instument',
-            text: 'As a DAO (Decentralized Autonomous Organization) instrument, WDT enables community governance and decision-making, allowing token holders to propose, discuss, and vote on various initiatives and developments within the Weeder ecosystem.',
-          },
-          step3: {
-            headline: 'Invesment',
-            text: 'Holding WDT tokens can provide potential investment returns as the Weeder ecosystem grows and gains value. Additionally, WDT serves for dividend distribution – those who stake their tokens earn income from the platform.',
-          },
-        }
-      },
-      ru: {
-        title: 'Что такое Weeder Token?',
-        subtitle: 'WDT – основа сообщества Weeder. Он выступает в качестве валюты, инструмента DAO и многих других целей:',
-        steps: {
-          step1: {
-            headline: 'Валюта',
-            text: 'WDT можно использовать как цифровую валюту в экосистеме Weeder, позволяя пользователям покупать товары, такие как марихуана, рекламные места и другие премиальные возможности на платформе.',
-          },
-          step2: {
-            headline: 'Инструмент',
-            text: 'В качестве инструмента DAO (Децентрализованной Автономной Организации), WDT позволяет управлять сообществом и принимать решения, давая держателям токенов возможность предлагать, обсуждать и голосовать за различные инициативы и развитие в рамках экосистемы Weeder.',
-          },
-          step3: {
-            headline: 'Инвестиции',
-            text: 'Хранение токенов WDT может обеспечить потенциальный инвестиционный доход по мере роста и увеличения стоимости экосистемы Weeder. Кроме того, WDT служит для распределения дивидендов – те, кто стейкают свои токены, получают доход с платформы.',
-          },
-      }
-    }
-  }
-}
-
-const { t } = useI18n(text)
-</script>
-
-<style lang="scss">
-
-#grid2 {
-  transition: 500ms;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  gap: 3px;
-  background: crimson;
-}
-
-:where(.left, .center, .right) {
-  background: navajowhite;
-  transition: 300ms;
-}
-
-:where(.left, .center, .right):hover {
-  background: crimson;
-}
-
-#grid2:has(.left:hover) {
-  grid-template-columns: 2fr 0.5fr 0.5fr;
-  padding: 3rem;
-}
-
-#grid2:has(.center:hover) {
-  grid-template-columns: 0.5fr 2fr 0.5fr;
-  padding: 3rem;
-}
-#grid2:has(.right:hover) {
-  grid-template-columns: 0.5fr 0.5fr 2fr;
-  padding: 3rem;
-}
-</style>