Adapt texts on SPN page to "Alpha" wording

get rid of Pre-Order, be more direct about getting to a subscription

spn/index.html

@@ -41,11 +41,11 @@ layout: page
             <div class="py-10 sm:py-10 md:flex text-center">
               <a href="#pricing">
                 <button type="button" style="background-color: #6188ff;" class="mb-5 md:mb-0 transform hover:scale-95 inline-flex items-center px-5 px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
-                  <span class="pr-3 text-2xl wiggle">🎉</span>Pre-order SPN
+                  Get Started
                 </button>
               </a>
               <br>
-              <a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built on the Portmaster</a>
+              <a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built into the Portmaster</a>
             </div>
           </div>
         </div>
@@ -186,9 +186,9 @@ layout: page
 <section class="mt-16 lg:mt-48">
   <div class="items-center h-full">
     <div>
-      <div class="max-w-full mx-auto px-4 sm:px-6">
+      <div class="max-w-full mx-auto px-4 sm:px-6" id="pricing">
         <div class="py-12 bg-white">
-          <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8" id="pricing">
+          <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center">
               <a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
                 <button class="w-full h-auto md:h-12 text-sm md:text-md rounded-lg text-center p-3 transform hover:scale-105 duration-150 ease-in-out text-white pointer-cursor" style="background-color: #436ded; margin-bottom: 4em;">
@@ -197,17 +197,17 @@ layout: page
                   in December 🎉
                 </button>
               </a>
-              <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
+              <h2 class="text-5xl tracking-tight font-extrabold leading-none px-10 py-6 text-center">
-                Pre-Order the SPN
+                Protect Your Connections Today
               </h2>
-              <p class="text-md opacity-55">
+              <p class="text-md opacity-55 pb-8">
-                Lock in the lower prices forever and join the waitlist to become one of the first SPN users.
+                Subscribe to the SPN and lock in the lower Alpha prices forever.
               </p>
             </div>
-            <div class="mt-16">
+            <div class="">
               <ul class="md:grid md:grid-cols-2 lg:grid-cols-2 md:col-gap-8 md:row-gap-10 max-w-4xl mr-auto ml-auto">
                 <li class="text-center md:text-left">
-                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
+                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
                     <span class="text-2xl">Early Adopter Monthly</span>
                     <div class="block pb-6">
                       <h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">9.90€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per month</span></h1>
@@ -223,14 +223,14 @@ layout: page
                     <div class="pt-16">
                       <a href="{{ site.account_server_url }}plans/1/subscribe">
                         <button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
-                          Pre-Order
+                          Subscribe
                         </button>
                       </a>
                     </div>
                   </div>
                 </li>
                 <li class="mt-10 md:mt-0 text-center md:text-left">
-                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
+                  <div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
                     <span class="text-2xl">Early Adopter Yearly</span>
                     <div class="block pb-6">
                       <h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">99.00€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per year</span></h1>
@@ -246,7 +246,7 @@ layout: page
                     <div class="pt-16">
                       <a href="{{ site.account_server_url }}plans/2/subscribe">
                         <button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
-                          Pre-Order
+                          Subscribe
                         </button>
                       </a>
                     </div>