update docs

src/pricing.md

@@ -3,18 +3,23 @@ layout: home
 ---
 
 <div class="my-5 md:my-10 flex flex-col space-y-4">
-    <div class="text-lg bg-blue-200 p-6  rounded-lg">
-        Describo is <strong>FREE</strong> to use. If you don't want to use the text extraction, entity recognition and
-        assistant capabilities there is no cost for the product.
+    <div class="text-lg bg-blue-100 p-6  rounded-lg">
+        Describo is <strong>FREE</strong> to use. If you don't want to use the text extraction, entity recognition,
+        assistant and vocabulary capabilities there is no cost for the product. <b>Though we'd be very happy if you chose to become
+        a supporter!</b>
     </div>
-    <div class="text-lg bg-blue-200 p-6 rounded-lg">
+    <div class="text-lg bg-blue-100 p-6 rounded-lg">
         The Describo VueJS / React components are <strong>FREE</strong> to use and licensed permissively with the opensource MIT license.
     </div>
     <div class="text-2xl">
         Describo Cloud
     </div>
-    <div>Describo Cloud provides text extraction, entity recognition and assistant capabilities to enhance your workflow. The service is
-    Pay-as-you-go. You only need to purchase what you need, as you need it.</div>
+    <div>Describo Cloud provides capabilities to enhance your workflow. The service is
+    Pay-as-you-go: you only need to purchase what you need, as you need it. If you do need to purchase
+    access to the capabilities, do that through the application itself.
+    </div>
+    <div><a href="/docs/guide/register.html">Read about registering with the cloud service.</a></div>
+    <div><a href="/docs/guide/purchase-credits.html">Read about purchasing credits.</a></div>
     <PricingComponent :display-only="true"/>
 </div>
 

src/vue-components/PricingComponent.vue

@@ -1,8 +1,5 @@
 <template>
     <div class="flex flex-col space-y-2">
-        <!--legalese stuff  -->
-        <Terms />
-
         <!-- pricing pills and purchase controls -->
         <div class="flex flex-col space-y-2">
             <Product class="w-full">
@@ -15,7 +12,7 @@
                     </p>
                     <p>
                         You'll also get $5 in General Credits and 2 months of access to the
-                        Vocabulary creation tool so that you can try all of the capabilities.
+                        Vocabulary creation tool so that you can try out all of the capabilities.
                     </p>
                 </template>
                 <template #controls v-if="!props.displayOnly">
@@ -132,6 +129,9 @@
                 what you choose to do with your data.
             </div>
         </div>
+
+        <!--legalese stuff  -->
+        <Terms />
     </div>
 </template>
 

src/vue-components/Product.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-row space-x-2 p-5 bg-slate-200 rounded flex-grow">
+    <div class="flex flex-row space-x-2 p-5 bg-slate-100 rounded flex-grow">
         <div class="flex flex-col space-y-10 flex-grow place-content-between">
             <div class="flex flex-col space-y-2">
                 <div><slot name="title"></slot></div>