1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-21 19:39:08 +00:00

Update plans and pricing

This commit is contained in:
Daniel 2023-08-03 15:45:05 +02:00
parent 69b746f254
commit a97a9d29f5
4 changed files with 225 additions and 110 deletions

View file

@ -10,15 +10,27 @@
<p class="card-package-top-desc" style="max-width: 480px;">Regain Control.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">Features
<span class="card-package-middle-includes">
Features
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Privacy
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Secure DNS
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Investigative Features
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Network Monitor
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Community Support
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> SPN
</span>
<span class="pt-3">
<a href="#comparison" class="link-primary">
🡇 Full Comparison
</a>
</span>
</div>
<div class="card-package-bottom" style="bottom: 36px;">

View file

@ -7,7 +7,7 @@
</div>
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #2fcfae;">Supporter</span> </span>
<span class="card-package-top-title">Portmaster <span style="color: #2fcfae;">Plus</span> </span>
</div>
<span class="card-package-top-amount">
{{ include.price }}€
@ -16,33 +16,28 @@
<p class="card-package-top-desc" style="max-width: 480px;">Investigate Everything.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">Features
<span class="card-package-middle-includes">
Features
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Everything in Free
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Priority Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Discord Benefits
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/circle-triangle.png" style="width: 19px; display: inline-block;" alt="">
</span>
</span>
<span class="card-package-middle-includes">
<span class="card-package-middle-includes-feature">
<span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span>
Network History
<i class="icon-tick text-green-500 mr-1"></i> Privacy
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span>
Bandwidth Visibility
<i class="icon-tick text-green-500 mr-1"></i> Investigative Features
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span>
Privacy Reports
<i class="icon-tick text-green-500 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> SPN
</span>
<span class="pt-3">
<a href="#comparison" class="link-primary">
🡇 Full Comparison
</a>
</span>
</span>
</div>
<div class="card-package-bottom" style="display: block;">
<div class="mx-auto space-x-2 flex w-percent-80">

View file

@ -7,7 +7,7 @@
</div>
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Unlimited</span></span>
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Pro</span></span>
</div>
<span class="card-package-top-amount">
{{ include.price }}€
@ -20,18 +20,28 @@
<p class="card-package-top-desc" style="max-width: 480px;">Protection Everywhere.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">Features
<span class="card-package-middle-includes">
Features
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Everything in <span style="color: #2fcfae; margin-left: 0.3rem;">Supporter</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Privacy
</span>
<span class="card-package-middle-includes">SPN Access
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Investigative Features
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Multiple Identities
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> SPN
</span>
<span class="pt-3">
<a href="#comparison" class="link-primary">
🡇 Full Comparison
</a>
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Built for Privacy
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Up to 5 Devices
</span>
</div>
<div class="card-package-bottom" style="display: block;">
<div class="mx-auto space-x-2 flex w-percent-80">

View file

@ -62,70 +62,100 @@ title: Safing Portmaster - Pricing
</div>
</div>
</header>
<section class="general-layout">
<section class="general-layout" id="comparison">
<div class="showcase-two-container">
<div class="showcase-two-top-left" style="max-width: 73rem;">
<h2 class="showcase-two-top-title" style="max-width: 550px;">
Feature Comparison
</h2>
<p class="showcase-two-top-desc" style="max-width: 430px;">
See what each package has to offer. The free version is already powerful, while the best privacy comes with "Unlimited".
</p>
</div>
<div class="showcase-two-bottom" style="max-width: 100%;">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 transform scale-90 xl:scale-100 gap-5 lg:gap-28 xl:gap-10 justify-center justify-items-center mx-auto" style="align-items: center;">
<div class="card-package darkmode" style="height: 1016px;">
<div class="card-package darkmode" style="height: 1210px;">
<div class="card-package-top">
<div class="flex">
<span class="card-package-top-title">Portmaster Free</span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">Increase your privacy and security.</p>
<p class="card-package-top-desc" style="max-width: 480px;">Regain Control.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes"> Portmaster Features
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Secure DNS
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Network Monitor
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Record App History
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Early Access to Features
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> VM Support
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Docker Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-red-500 mr-1"></i> Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> SPN
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Multiple Identities
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Auto Geo-Unblocking
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> VM Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Discord User Flair
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Discord User Flair
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Private Discord Channel
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Support
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Community Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Priority Support
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Safing Support
</span>
</div>
<div class="card-package-bottom" style="bottom: 36px;">
@ -135,69 +165,101 @@ title: Safing Portmaster - Pricing
</div>
</div>
<div class="card-package darkmode mt-0" style="height: 1016px;">
<div class="card-package darkmode mt-0" style="height: 1210px;">
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #2fcfae;"> Supporter</span> </span>
<span class="card-package-top-title">Portmaster <span style="color: #2fcfae;"> Plus</span> </span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">We truly appreciate your support.</p>
<p class="card-package-top-desc" style="max-width: 480px;">Investigate Everything.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes"> Portmaster Features
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Secure DNS
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Network Monitor
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Record App History
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Early Access to Features
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> VM Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Docker Support
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2023"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> SPN
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Multiple Identities
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature"><i class="icon-cross text-red-500 mr-1"></i> Auto Geo-Unblocking
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VM Support
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-500 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Discord User Flair
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Discord User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/circle.png" style="width: 19px; display: inline-block;" alt="">
</span>
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Reddit User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/circle.png" style="width: 19px; display: inline-block;" alt="">
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Support
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Community Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Priority Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Use on up to 5 devices
</span>
</div>
<div class="card-package-bottom">
@ -205,65 +267,101 @@ title: Safing Portmaster - Pricing
</div>
</div>
<div class="card-package darkmode" style="height: 1016px;">
<div class="card-package darkmode" style="height: 1210px;">
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Unlimited</span></span>
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Pro</span></span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">It's time to ditch VPN's.</p>
<p class="card-package-top-desc" style="max-width: 480px;">Protection Everywhere.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes"> Portmaster Features
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Secure DNS
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Network Monitor
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Record App History
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Early Access to Features
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> VM Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature"><span tooltip="coming in the future"><i class="icon-alarm-clock-time-timer text-gray-500 text-xl mr-1"></i></span> Docker Support
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2023"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> SPN
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Multiple Identities
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Auto Geo-Unblocking
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VM Support
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Discord User Flair
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Discord User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/triangle.png" style="width: 19px; display: inline-block;" alt="">
</span>
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Reddit User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/triangle.png" style="width: 19px; display: inline-block;" alt="">
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Support
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Community Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Priority Support
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-500 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Use on up to 5 devices
</span>
</div>
<div class="card-package-bottom">