mirror of
https://github.com/safing/web
synced 2025-09-01 02:29:02 +00:00
346 lines
19 KiB
HTML
346 lines
19 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;">
|
|
Multiple Identities for Each App
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Re-route all your connections through our multi-hop network
|
|
to decouple your identity from the destination. With onion-
|
|
encryption, no single party knows who you are and where you
|
|
are going to. Inspired by Tor.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
|
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
|
|
View explainer-image
|
|
</a>
|
|
</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;">
|
|
Access Regional Content Easily
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Instead of exiting all your traffic at one place, route every
|
|
connection individually to spread your connections across the
|
|
globe. Use vast amounts of identities (IP addresses) and limit
|
|
your visibility in the "open" web.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
|
|
Compare the SPN to VPNs
|
|
</a>
|
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-community.png">
|
|
View explainer-image
|
|
</a>
|
|
</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/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 The Ground Up
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Re-route all your connections through our multi-hop network
|
|
to decouple your identity from the destination. With onion-
|
|
encryption, no single party knows who you are and where you
|
|
are going to. Inspired by Tor.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
|
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
|
|
View explainer-image
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="showcase-one-container">
|
|
<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: 450px;">
|
|
Easily Control Your Privacy
|
|
</h2>
|
|
<p class="showcase-one-right-desc">
|
|
Instead of exiting all your traffic at one place, route every
|
|
connection individually to spread your connections across the
|
|
globe. Use vast amounts of identities (IP addresses) and limit
|
|
your visibility in the "open" web.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
|
|
Compare the SPN to VPNs
|
|
</a>
|
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-community.png">
|
|
View explainer-image
|
|
</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">
|
|
Re-route all your connections through our multi-hop network
|
|
to decouple your identity from the destination. With onion-
|
|
encryption, no single party knows who you are and where you
|
|
are going to. Inspired by Tor.
|
|
</p>
|
|
<a class="btn-secondary" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">Compare the SPN to Tor</a>
|
|
<a class="btn-tertiary hover-opacity-out" href="{{ site.img_url }}spn-labeled/spn-core.png">
|
|
View explainer-image
|
|
</a>
|
|
</div>
|
|
</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>
|