Tune up pricing page, uplink announcement and add CLI example

* Adds CLI example for uplink
* Reduces discussion on pricing page about personal use
* Crops developer use-case/background from uplink
announcement

Signed-off-by: Alex Ellis (OpenFaaS Ltd) <[email protected]>

Author: alexellis

_includes/cli.html

@@ -13,37 +13,49 @@
             <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
                 Expose multiple ports from a private network
             </h3>
-            <p class="mt-4 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
-                In TCP mode, traffic received on the server is sent directly to the client.
-            </p>
             <p>
                 <img class="relative mx-auto" width="800" src="/images/tcp-cli.png" alt="A TCP tunnel exposing multiple ports">
             </p>
+            <p class="mb-6 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
+                In TCP mode, traffic received on the server is sent directly to the client.
+            </p>
         </div>
 
         <div class="relative">
             <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
                 Self-host any HTTP endpoint with a HTTPS certificate
             </h3>
-            <p class="mt-4 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
-                Built-in Let's Encrypt makes it really easy to get users to access your private service.
-            </p>
             <p>
                 <img class="relative mx-auto" width="800" src="/images/https-cli.png" alt="CLI example with a HTTPS cert from Let's Encrypt">
             </p>
+            <p class="mb-6 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
+                Built-in Let's Encrypt makes it really easy to get users to access your private service.
+            </p>
         </div>
 
         <div class="relative">
             <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
                 Local Kubernetes, but with public IPs
             </h3>
-            <p class="mt-4 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
+            <p>
+                <img class="relative mx-auto" width="800" src="/images/k8s-cli.png" alt="CLI example showing Kubernetes integration">
+            </p>
+
+            <p class="mb-6 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
                 The <a class="text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out underline" href="https://github.com/inlets/inlets-operator/">inlets-operator for Kubernetes</a> makes it look and feel like you're using a cloud Kubernetes cluster.
             </p>
+        </div>
+
+        <div class="relative">
+            <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
+                Add a new customer to your SaaS
+            </h3>
             <p>
-                <img class="relative mx-auto" width="800" src="/images/k8s-cli.png" alt="CLI example showing Kubernetes integration">
+                <img class="relative mx-auto" width="800" src="/images/uplink-cli.png" alt="CLI commands to add a new customer tunnel with inlets uplnk">
+            </p>
+            <p class="mb-6 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
+                Connect customer devices and services to your SaaS, the easy way with <a class="text-gray-500 hover:text-gray-900 transition duration-150 ease-in-out underline" href="https://docs.inlets.dev/uplink/become-a-provider/">inlets uplink</a>
             </p>
-              
         </div>
 
     </div>

_includes/comparison.html

@@ -18,20 +18,22 @@ <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gra
 
                         </th>
                         <th class="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider">
-                            VPN
+                            inlets Pro
                         </th>
                         <th class="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider">
-                            SAAS Tunnel
+                            SaaS Tunnel
                         </th>
                         <th class="px-6 py-3 bg-gray-50 text-left text-xs leading-4 font-medium text-gray-500 uppercase tracking-wider">
-                            inlets Pro
+                            VPN
                         </th>
                     </tr>
                     </thead>
                     <tbody>
                         {% include table/row.html words="" feature="Setup Cost" inlets="Low" saas="Low" vpn="High" %}
                         {% include table/row.html even="1" feature="" feature="Self-hosting" inlets="1" vpn="" %}
-                        {% include table/row.html words="" feature="Public TCP Ports" inlets="ANY" saas="Randomly Allocated/High ports" vpn="None" %}
+                        {% include table/row.html even="1" words="" feature="Scope" inlets="One or more ports or domains" saas="Single domain" vpn="Entire subnets or host" %}
+
+                        {% include table/row.html words="" feature="Public TCP Ports" inlets="Any" saas="Randomly Allocated/High ports" vpn="None" %}
                         {% include table/row.html even="1" words="" feature="Connection Rate-limiting " inlets="Unlimited" saas="60-260/min" vpn="Unlimited" %}
                         {% include table/row.html feature="Expose with a Domain" inlets="" saas="" %}
                         {% include table/row.html even="1" words="" feature="Custom Domains" inlets="1" saas="(extra cost)" %}

_includes/features.html

@@ -41,7 +41,7 @@ <h4 class="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:tex
                     {% include features/feature.html icon="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" title="Save on cloud spend" text="Make the most of your existing hardware investment, by bringing real traffic to your local machines." %}
                     {% include features/feature.html icon="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3" title="Hybrid cloud, without the hassle" text="Connect legacy applications, GPUs or private test environments to your public cloud account." %}
                     {% include features/feature.html icon="M13 10V3L4 14h7v7l9-11h-7z" title="Your own Kubernetes cloud" text="Get a cloud LoadBalancer for your local self-hosted Kubernetes cluster." %}
-                    {% include features/feature.html icon="M7,8 C9.209139,8 11,6.209139 11,4 C11,1.790861 9.209139,0 7,0 C4.790861,0 3,1.790861 3,4 C3,6.209139 4.790861,8 7,8 Z M7,9 C4.852,9 2.801,9.396 0.891,10.086 L2,16 L3.25,16 L4,20 L10,20 L10.75,16 L12,16 L13.109,10.086 C11.199,9.396 9.148,9 7,9 Z M15.315,9.171 L13.66,18 L12.41,18 L12.035,20 L16,20 L16.75,16 L18,16 L19.109,10.086 C17.899,9.648 16.627,9.346 15.315,9.171 Z M13,0 C12.532,0 12.089,0.096 11.671,0.243 C12.501,1.272 13,2.578 13,4 C13,5.422 12.501,6.728 11.671,7.757 C12.089,7.904 12.531,8 13,8 C15.209,8 17,6.209 17,4 C17,1.791 15.209,0 13,0 Z" title="Scale out" text="Connect thousands of services to your infrastructure with lightweight tunnels." %}
+                    {% include features/feature.html icon="M7,8 C9.209139,8 11,6.209139 11,4 C11,1.790861 9.209139,0 7,0 C4.790861,0 3,1.790861 3,4 C3,6.209139 4.790861,8 7,8 Z M7,9 C4.852,9 2.801,9.396 0.891,10.086 L2,16 L3.25,16 L4,20 L10,20 L10.75,16 L12,16 L13.109,10.086 C11.199,9.396 9.148,9 7,9 Z M15.315,9.171 L13.66,18 L12.41,18 L12.035,20 L16,20 L16.75,16 L18,16 L19.109,10.086 C17.899,9.648 16.627,9.346 15.315,9.171 Z M13,0 C12.532,0 12.089,0.096 11.671,0.243 C12.501,1.272 13,2.578 13,4 C13,5.422 12.501,6.728 11.671,7.757 C12.089,7.904 12.531,8 13,8 C15.209,8 17,6.209 17,4 C17,1.791 15.209,0 13,0 Z" title="Connect to your customers with inlets uplink &trade;" text="Connect hundreds or thousands of private customer networks or devices to your SaaS." %}
                 </ul>
             </div>