<template>
  <div class="mission">
    <div class="container center">
      <h2>What we look for in choosing a project to develop.</h2>
      <div class="queries">

        <ProductsDetails 
          title="Does this align with our mission?" 
          desc="            
            <p>Services we develop must contribute to our goals and be beneficial for both 
              users and stakeholders." />

        <ProductsDetails 
          title="How big is the problem?" 
          desc="
            <p>We like to solve big problems. More specifically, problems that impact many 
              internet communities in spaces that can be more decentralized.</p>" />
          
        <!-- <p>How systemic to the internet is the problem and is our propsed solution practical."  -->

        <ProductsDetails 
          title="What domains are available?" 
          desc="
            <p>Having great domain names that encompass what our services offer is a big 
              factor to whether we move forward with a project.
              
            <p>Thanks to <a href='https://handshake.org' target='_BLANK' >Handshake</a>, 
              we have more options for choosing names, such as <a href='/products/parked' >parked/</a> 
              & <a href='/products/runners' >runners/</a>." />
        
      </div>
    </div>
  </div>
</template>