<commit_before><template>
<div class="component-PropmotedDapps">
  <div class="wrapper">
    <h1 class="title-1">Promote your ÐApp to attract more users</h1>
    <p class="description">{{ description }}</p>
    <div class="get-started-wrapper"><button class="get-started" @click="getStarted">Get started</button></div>
  </div>
  <div class="preview-wrapper">
    <img class="preview" src="~/assets/images/promoted-preview.jpg" width="1200">
  </div>
  <div class="wrapper">
    <h2 class="title-2" ref="getStartedEl">Get started now!</h2>
    <div class="fields">
      <div><input class="input" v-model="name" ref="name" type="text" placeholder="Your name"></div>
      <div><input class="input" v-model="email" @input="validateEmail" type="text" placeholder="Your email"></div>
      <div><input class="input" v-model="country" type="text" placeholder="Your country"></div>   
      <div><input class="input" v-model="dapp" type="text" placeholder="Your ÐApp's name"></div>  
      <div class="submitted-wrapper">
        Is this ÐApp already listed on this website?
        <p>
          <button class="selection" :class="hasSubmittedDapp == 'yes' ? '--active' : ''" @click="selectSubmittedDapp('yes')">Yes</button>
          <button class="selection" :class="hasSubmittedDapp == 'no' ? '--active' : ''" @click="selectSubmittedDapp('no')">No</button>
        </p>
      </div>
    </div>
    <p class="disclaimer">Don't worry, by pressing "send" you're not committing yet. Your request will be reviewed and then we'll be in touch about next steps.</p>
    <div class="send-wrapper"><button class="send" :class="formIsValid ? '--is-ready' : ''" @click="send">Send</button></div>
  </div>
</div>
</template>

<script>
import axios from '~/helpers/axios'
import { mapGetters } from 'vuex'
import { setUser, trackPromotedDappSubmit, trackPromotedDappsView } from '~/helpers/mixpanel'
import { validateEmail } from '~/helpers/mixins'
import PromotedDapps from '~/components/PromotedDapps'

export default {
  components: {
    PromotedDapps
  },
  props: {
    description: {
      default: ''<commit_msg>Add language that lets users know that promoted dapps are paid<commit_after><template>
<div class="component-PropmotedDapps">
  <div class="wrapper">
    <h1 class="title-1">Promote your ÐApp to attract more users</h1>
    <p class="description">{{ description }}</p>
    <div class="get-started-wrapper"><button class="get-started" @click="getStarted">Get started</button></div>
  </div>
  <div class="preview-wrapper">
    <img class="preview" src="~/assets/images/promoted-preview.jpg" width="1200">
  </div>
  <div class="wrapper">
    <h2 class="title-2" ref="getStartedEl">Get started now!</h2>
    <div class="fields">
      <div><input class="input" v-model="name" ref="name" type="text" placeholder="Your name"></div>
      <div><input class="input" v-model="email" @input="validateEmail" type="text" placeholder="Your email"></div>
      <div><input class="input" v-model="country" type="text" placeholder="Your country"></div>   
      <div><input class="input" v-model="dapp" type="text" placeholder="Your ÐApp's name"></div>  
      <div class="submitted-wrapper">
        Is this ÐApp already listed on this website?
        <p>
          <button class="selection" :class="hasSubmittedDapp == 'yes' ? '--active' : ''" @click="selectSubmittedDapp('yes')">Yes</button>
          <button class="selection" :class="hasSubmittedDapp == 'no' ? '--active' : ''" @click="selectSubmittedDapp('no')">No</button>
        </p>
      </div>
    </div>
    <p class="disclaimer">Don't worry, by pressing "send" you're not committing yet. Your request will be reviewed and then we'll be in touch about payment options and next steps.</p>
    <div class="send-wrapper"><button class="send" :class="formIsValid ? '--is-ready' : ''" @click="send">Send</button></div>
  </div>
</div>
</template>

<script>
import axios from '~/helpers/axios'
import { mapGetters } from 'vuex'
import { setUser, trackPromotedDappSubmit, trackPromotedDappsView } from '~/helpers/mixpanel'
import { validateEmail } from '~/helpers/mixins'
import PromotedDapps from '~/components/PromotedDapps'

export default {
  components: {
    PromotedDapps
  },
  props: {
    description: {
      default: ''
{'fraction_non_alphanumeric': 0.18003273322422259, 'fraction_numerical': 0.004676174888940846, 'mean_word_length': 4.401515151515151, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 103, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1334056', 'n_tokens_mistral': 1377, 'n_tokens_neox': 1338, 'n_words': 323}