<template>
  <div class="pricing" id="pricing">
    <h3>Pocket-sized packages</h3>
    <p>Launch your first website for free and upgrade to Pro <br/>for additional templates, integrations, and features.</p>

    <div class="plans">
      <div class="plan basic">
        <h3>Basic</h3>
  
        <h5>Plan includes:</h5>
        <ul class="features">
          <li><span class="icon-circle-check"></span><p>3 Sites</p></li>
          <li><span class="icon-circle-check"></span><p>Subdomains</p></li>
          <li><span class="icon-circle-check"></span><p>SSL Certificate</p></li>
        </ul>
  
        <!-- Choose template -->
        <NuxtLink to="/site/" class="button">Get started</NuxtLink>
  
      </div>
  
      <div class="plan pro">
        <h3>Pro</h3>
  
        <h5>Plan includes:</h5>
        <ul class="features">
          <li><span class="icon-circle-check"></span><p>10 Sites</p></li>
          <li><span class="icon-circle-check"></span><p>Custom domains</p></li>
          <li><span class="icon-circle-check"></span><p>Export sites</p></li>
          <li><span class="icon-circle-check"></span><p>No branding</p></li>
          <li><span class="icon-circle-check"></span><p>Integrations</p></li>
          <li><span class="icon-circle-check"></span><p>Credit towards SLD</p></li>
        </ul>
  
        <!-- Upgrade "Upgrade ($25/year)" -->
        <NuxtLink to="/login" class="button">Buy ($25/year)</NuxtLink>
  
      </div>
    </div>
  </div>
</template>