Add pricing information to public pages

perma_web/perma/templates/about.html

@@ -27,6 +27,7 @@ <h1 class="page-title">About Perma.cc</h1>
           <li class="reading-toc-chapter"><a href="#why-use-perma">Why use Perma.cc</a></li>
           <li class="reading-toc-chapter"><a href="#how-perma-works">How Perma.cc works</a></li>
           <li class="reading-toc-chapter"><a href="#accounts">Accounts</a></li>
+          <li class="reading-toc-chapter"><a href="#pricing">Pricing</a></li>
         </ul>
       </nav>
     </div>
@@ -69,9 +70,19 @@ <h2 class="body-ah">Accounts</h2>
       <p class="body-text">Organizations (such as law firms, publishers, non-profits and others) or individuals not associated with an academic institution or court are both able to use Perma via paid subscription:</p>
       <ul class="body-text" style="list-style: circle;">
         <li>Organizations can administer unlimited Perma accounts for their users for a monthly flat group rate. These registrar accounts also include collaboration tools and administrative controls.</li>
-        <li>Individuals can access Perma via tiered subscriptions that fit their particular needs.</li>
+        <li>Individuals not affiliated with a Registrar can access Perma via tiered subscriptions that fit their particular needs, or make an ad hoc purchase of links.</li>
       </ul>
-      <p class="body-text">Subscription status does not affect the preservation, access, or visibility of already-made links, just the amount of Perma Links a user can create in a given month.</p>
+      <p class="body-text"><em>Subscription status does not affect the preservation, access, or visibility of already-made links, just the amount of Perma Links a user can create in a given month</em>.</p>
+    </div>
+  </div>
+</div>
+
+<div class="container cont-reading cont-fixed" id="pricing">
+  <div class="row">
+    <div class="col-sm-8 docs reading-body col-right">
+      <h2 class="body-ah">Pricing</h2>
+      <p class="body-text">Organizations who do not qualify for free usage can <a href="{% url 'contact' %}">contact our team</a> to learn about creating a subscription for their organization to administer Perma.cc to their users. Pricing is based on the amount of users in an organization and the expected volume of link creation.</p>
+      <p class="body-text">For individuals who are not affiliated with a Registrar, there are two options for purchasing additional Perma Links beyond their trial: an ongoing subscription that releases a set amount of links to be created each month, and ad hoc purchasing of a batch of links to be created. Pricing details can be found on your Perma.cc dashboard or in our <a href="{% url 'docs' %}#usage-plans">user guide</a>.</p>
     </div>
   </div>
 </div>

perma_web/perma/templates/docs/accounts.html

@@ -71,7 +71,20 @@ <h3 id="paid-usage-groups" class="body-bh">Paid Usage Plans for Groups</h3>
       <p class="body-text">Law firms, publishers, news organizations and other entities may become registrars through a paid usage plan, which will give them access to Perma's collaboration and administrative tools and allow them to make Perma available to their employees. To learn more about paid plans, please <a href="{% url 'contact' %}?upgrade=organization">contact us</a>.</p>
 
       <h3 id="paid-usage-individuals" class="body-bh">Paid Usage Plans for Individuals</h3>
-      <p class="body-text">For individuals who are not affiliated with Perma regsitrars, or who want independent access to Perma, we offer paid usage plans. We currently offer monthly subscriptions and bundled purchase options. To learn more, login and visit the <a href="{% url 'user_management_settings_usage_plan' %}">Usage Plan</a> tab in your Account Settings.</p>
+      <p class="body-text">For individuals who are not affiliated with Perma registrars, or who want independent access to Perma, we offer paid usage plans. There are two options, based on different types of usage:</p>
+      <p class="body-text">Ongoing subscription for users who create Perma Links on a consistent cadence</p>
+      <ul class="body-text">
+        <li class="tight">10 links per month $10/month</li>
+        <li class="tight">100 links per month $25/month</li>
+        <li class="tight">500 links per month $100/month</li>
+        <li>Uncreated links do not carry over to the next subscription period. Billing occurs on the first of the month, and we prorate the first cycle of your subscription if it’s activated mid-month.</li>
+      </ul>
+      <p class="body-text">One-time purchase of links that can be used on any timeline</p>
+      <ul class="body-text">
+        <li class="tight">10 additional links $15</li>
+        <li class="tight">100 additional links $30</li>
+        <li class="tight">500 additional links $125</li>
+      </ul>
     </div>
   </div>
 </div>

perma_web/static/css/style-responsive.scss

@@ -2205,6 +2205,9 @@ div.cont-reading + div.overview {
     + li {
       margin-top: 1em;
     }
+    + li.tight {
+      margin-top: 0;
+    }
   }
 }