vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adapt texts on SPN page to "Alpha" wording

Browse source 
get rid of Pre-Order, be more direct about getting to a subscription
This commit is contained in:
davegson 2021-12-01 17:49:01 +01:00
parent 7a7fdbc25f
commit c71a045a49
1 changed files with 13 additions and 13 deletions

26
spn/index.html
View file

@ -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">
Pre-Order the SPN
<h2 class="text-5xl tracking-tight font-extrabold leading-none px-10 py-6 text-center">
Protect Your Connections Today
</h2>
<p class="text-md opacity-55">
Lock in the lower prices forever and join the waitlist to become one of the first SPN users.
<p class="text-md opacity-55 pb-8">
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>