mirror of
https://github.com/safing/web
synced 2025-04-17 09:29:08 +00:00
323 lines
18 KiB
HTML
323 lines
18 KiB
HTML
---
|
|
title: Safing Privacy Network
|
|
layout: page
|
|
---
|
|
|
|
<a class="alert-primary hover-scale-out rounded-none text-md" data-method="get" href="https://docs.safing.io/spn/alpha/status">
|
|
<i class="icon-info text-md"></i>
|
|
<span>
|
|
SPN is in "Alpha". View
|
|
<span class="underline">what to expect</span>
|
|
from current speeds and features
|
|
</span>
|
|
</a>
|
|
<header class="header-two-container mb-64 mt-20">
|
|
<div class="header-two-top">
|
|
<div class="alert max-w-md bg-transparent mx-auto">
|
|
<i class="icon-add text-xl" style="color: rgba(46, 98, 255, 1);"></i>
|
|
<span style="color: rgba(0, 0, 0, 0.6);" class="text-md">Portmaster Add-on</span>
|
|
</div>
|
|
<h1 class="header-two-top-title" style="margin-top: 0.3rem;">
|
|
It's Time to <span class="text-safing-blue-600">Ditch VPNs</span>
|
|
</h1>
|
|
<p class="header-two-top-desc" style="max-width: 650px;">
|
|
Stop paying for out-dated technology that was never intended to protect your privacy.
|
|
Get peace of mind with SPN. Built from scratch and designed to truly protect your privacy
|
|
from mass surveillance.
|
|
</p>
|
|
</div>
|
|
<div class="header-two-bottom" style="margin-top: 3.5rem;">
|
|
<div class="element-x-center max-w-sm md:max-w-4xl">
|
|
<div class="package-billing">
|
|
<div class="package-billing-line-left"></div>
|
|
<span class="package-billing-center">Billing: <span class="text-safing-blue-600">One-Time Payment</span></span>
|
|
<div class="package-billing-line-right"></div>
|
|
</div>
|
|
<div class="grid md:grid-cols-2 space-y-3 space-x-3 mt-12 justify-center justify-items-center">
|
|
<div>
|
|
<div class="card-package most-popular card-shadow">
|
|
<div class="card-package-most-popular">
|
|
<span>Most Popular</span>
|
|
</div>
|
|
<div class="card-package-top">
|
|
<div class="flex">
|
|
<span class="card-package-top-title">Early Adopter</span>
|
|
<span tooltip="Compared to Monthly "Beta" Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span>
|
|
</div>
|
|
<span class="card-package-top-amount">
|
|
99.00€
|
|
</span>
|
|
</div>
|
|
<div class="card-package-middle space-y-4">
|
|
<span class="card-package-middle-includes-feature"> Use SPN for 1-Year </span>
|
|
</div>
|
|
<div class="card-package-bottom">
|
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}charges/checkout?charge[quantity]=1&charge[package_id]=2&commit=Buy">Buy Package</a>
|
|
</div>
|
|
</div>
|
|
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
|
|
</div>
|
|
<div class="mt-2">
|
|
<div class="card-package">
|
|
<div class="card-package-top">
|
|
<div class="flex">
|
|
<span class="card-package-top-title">Early Adopter</span>
|
|
<span tooltip="Compared to "Beta" Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</span>
|
|
</div>
|
|
<span class="card-package-top-amount">
|
|
9.90€
|
|
</span>
|
|
</div>
|
|
<div class="card-package-middle space-y-4">
|
|
<span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span>
|
|
</div>
|
|
<div class="card-package-bottom">
|
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}charges/checkout?charge[quantity]=1&charge[package_id]=1&commit=Buy">Buy Package</a>
|
|
</div>
|
|
</div>
|
|
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section class="space-y-40">
|
|
<div class="general-layout">
|
|
<div class="showcase-one-container-reverse">
|
|
<div class="showcase-one-left" style="max-width: 850px;">
|
|
<img src="{{ site.img_url }}page-specific/spn/multiple-identities-for-each-app.png" alt="">
|
|
</div>
|
|
<div class="showcase-one-right">
|
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
|
<i class="icon-info text-md"></i>
|
|
<span>Alpha Software: SPN is in active development </span>
|
|
</div>
|
|
<h2 class="showcase-one-right-title" style="max-width: 450px;">
|
|
Get Multiple Identities for Each App
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Automatically get a vast amount of identities (IP addresses). The SPN calculates an individual path for every connection through the privacy network. Spread your connections across the globe, without any effort.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="showcase-one-container">
|
|
<div class="showcase-one-left" style="max-width: 850px;">
|
|
<img src="{{ site.img_url }}page-specific/spn/access-regional-content-easily.png" alt="">
|
|
</div>
|
|
<div class="showcase-one-right">
|
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
|
<i class="icon-info text-md"></i>
|
|
<span>Alpha Software: SPN is in active development </span>
|
|
</div>
|
|
<h2 class="showcase-one-right-title" style="max-width: 450px;">
|
|
Simply Access Regional Content
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Is a website blocked or restricted in your country? Because SPN makes that connection exit near the destination server, it will automatically unblock the content. SPN has best coverage in Europe and North America.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="showcase-one-container-reverse">
|
|
<div class="showcase-one-left" style="max-width: 850px;">
|
|
<img src="{{ site.img_url }}page-specific/spn/easily-control-your-privacy.png" alt="">
|
|
</div>
|
|
<div class="showcase-one-right">
|
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
|
<i class="icon-info text-md"></i>
|
|
<span>Alpha Software: SPN is in active development </span>
|
|
</div>
|
|
<h2 class="showcase-one-right-title" style="max-width: 350px;">
|
|
Easily Adjust Your Privacy
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
SPN just works and does the heavy lifting for you. But of course you can easily configure the settings, so it fits your needs: Exclude certain apps and domains from the SPN. Or never exit in specific countries. And so much more...
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="showcase-one-container">
|
|
<div class="showcase-one-left" style="max-width: 850px;">
|
|
<img src="{{ site.img_url }}page-specific/spn/built-from-the-ground-up.png" alt="">
|
|
</div>
|
|
<div class="showcase-one-right">
|
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
|
<i class="icon-info text-md"></i>
|
|
<span>Alpha Software: SPN is in active development </span>
|
|
</div>
|
|
<h2 class="showcase-one-right-title" style="max-width: 450px;">
|
|
Built from Scratch,<br> for <span class="text-safing-blue-600">Your Privacy</span>
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
SPN is built from the ground up. Privacy is cooked right into it. Inspired by Tor, it comes with onion routing and state of the art encryption. Fully open source so all our claims can be validated.
|
|
</p>
|
|
<a class="btn-tertiary px-2" href="{{ site.github_url }}/spn"><i class="icon-github text-md mr-2"></i>Inspect source code</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="showcase-two-container">
|
|
<div class="showcase-two-top-break-left">
|
|
<h2 class="showcase-two-top-title" style="max-width: 550px;">
|
|
SPN in Action
|
|
</h2>
|
|
<p class="showcase-two-top-desc">
|
|
Watch a short video showing how you easily get multiple identities per app, by default.
|
|
</p>
|
|
</div>
|
|
<div class="showcase-two-bottom" style="max-width: 850px;">
|
|
<div class="card">
|
|
<div class="overflow-hidden">
|
|
<video preload="auto" src="https://assets.safing.io/spn/feature-tour.mp4" poster="https://assets.safing.io/spn/feature-tour-poster.png" controls="">
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="showcase-bg"></div>
|
|
</div>
|
|
<div class="showcase-one-container">
|
|
<div class="showcase-one-left" style="max-width: 850px;">
|
|
<img src="{{ site.img_url }}page-specific/spn/bye-bye-vpns.png" alt="">
|
|
</div>
|
|
<div class="showcase-one-right">
|
|
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
|
<i class="icon-info text-md"></i>
|
|
<span>Alpha Software: SPN is in active development </span>
|
|
</div>
|
|
<h2 class="showcase-one-right-title" style="max-width: 450px;">
|
|
Bye Bye, VPNs
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
VPN technology was NOT built for user privacy, but for company security. Because of that, you can only trust a VPN provider's policy - and many have been caught abusing user data. Honestly, the best way forward: just stop paying for outdated technology.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.vpn_comparison_url }}">
|
|
Compare SPN to VPNs
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="showcase-two-container">
|
|
<div class="showcase-two-top-break-left">
|
|
<h2 class="showcase-two-top-title" id="feature-comparison-chart" style="max-width: 550px;">
|
|
Feature Comparison
|
|
</h2>
|
|
</div>
|
|
|
|
{% include spn_vs_others.html %}
|
|
</div>
|
|
|
|
<div class="showcase-two-container" id="pricing">
|
|
<div class="showcase-two-top" style="max-width: 690px;">
|
|
<a class="alert-primary hover-scale-out" data-method="get" href="{{ site.spn_alpha_status_page_url }}">
|
|
<span>
|
|
SPN is in "Alpha". View
|
|
<span class="underline">what to expect</span>
|
|
from current speeds and features
|
|
</span>
|
|
</a>
|
|
<h2 class="showcase-two-top-title">
|
|
Protect Your Connections Today
|
|
</h2>
|
|
<p class="showcase-two-top-desc">
|
|
Subscribe to SPN and lock in the lower Alpha prices forever.
|
|
</p>
|
|
</div>
|
|
<div class="showcase-two-bottom" style="max-width: 850px;">
|
|
<div class="element-x-center max-w-sm md:max-w-4xl">
|
|
<div class="package-billing">
|
|
<div class="package-billing-line-left"></div>
|
|
<span class="package-billing-center">Billing: <span class="text-safing-blue-600">One-Time Payment</span></span>
|
|
<div class="package-billing-line-right"></div>
|
|
</div>
|
|
<div class="grid md:grid-cols-2 space-y-3 space-x-3 mt-12 justify-center justify-items-center">
|
|
<div>
|
|
<div class="card-package most-popular card-shadow">
|
|
<div class="card-package-most-popular">
|
|
<span>Most Popular</span>
|
|
</div>
|
|
<div class="card-package-top">
|
|
<div class="flex">
|
|
<span class="card-package-top-title">Early Adopter</span>
|
|
<span tooltip="Compared to Monthly "Beta" Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span>
|
|
</div>
|
|
<span class="card-package-top-amount">
|
|
99.00€
|
|
</span>
|
|
</div>
|
|
<div class="card-package-middle space-y-4">
|
|
<span class="card-package-middle-includes-feature"> Use SPN for 1-Year </span>
|
|
</div>
|
|
<div class="card-package-bottom">
|
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}charges/checkout?charge[quantity]=1&charge[package_id]=2&commit=Buy">Buy Package</a>
|
|
</div>
|
|
</div>
|
|
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
|
|
</div>
|
|
<div>
|
|
<div class="card-package">
|
|
<div class="card-package-top">
|
|
<div class="flex">
|
|
<span class="card-package-top-title">Early Adopter</span>
|
|
<span tooltip="Compared to "Beta" Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</span>
|
|
</div>
|
|
<span class="card-package-top-amount">
|
|
9.90€
|
|
</span>
|
|
</div>
|
|
<div class="card-package-middle space-y-4">
|
|
<span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span>
|
|
</div>
|
|
<div class="card-package-bottom">
|
|
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}charges/checkout?charge[quantity]=1&charge[package_id]=1&commit=Buy">Buy Package</a>
|
|
</div>
|
|
</div>
|
|
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="faq-container mb-60" id="faq">
|
|
<div class="faq-container-top">
|
|
<h2 class="faq-container-top-title">
|
|
FAQ
|
|
</h2>
|
|
<p class="faq-container-top-desc">
|
|
You have a question? We answered some already, but you
|
|
can always contact us at <a class="link-primary" href="mailto:hello@safing.io">hello@safing.io</a>
|
|
</p>
|
|
</div>
|
|
<div class="faq-container-bottom">
|
|
{% for faq in site.data.faq.spn %}
|
|
<div class="faq-container-bottom-question">
|
|
<div class="card-faq card-shadow hover-scale-out">
|
|
<label class="card-label" for="card-toggle-anchor-{{ forloop.index }}">
|
|
<div class="wrapper-left">
|
|
<div class="card-title">
|
|
<h3 class="title">
|
|
{{ faq.q }}
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper-right">
|
|
<i class="icon-arrow"></i>
|
|
</div>
|
|
</label>
|
|
<input class="card-input-toggle" id="card-toggle-anchor-{{ forloop.index }}" type="checkbox">
|
|
<div class="card-dropdown-toggle">
|
|
<div class="card-dropdown-content">
|
|
<div class="text-safing-gray-500">
|
|
{{ faq.a }}
|
|
</div>
|
|
{% if faq.link %}
|
|
<br>
|
|
<br>
|
|
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% include source_code_faq.html %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|