mirror of
https://github.com/safing/web
synced 2025-04-17 09:29:08 +00:00
259 lines
No EOL
13 KiB
HTML
259 lines
No EOL
13 KiB
HTML
---
|
||
title: Safing Privacy Network
|
||
layout: page
|
||
---
|
||
|
||
<div class="alert-primary rounded-none text-md">
|
||
<a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
|
||
<span class="w-auto text-sm">SPN reached "Alpha". To celebrate, all customers can <span class="underline">use the SPN for FREE</span> in December 🎉</span>
|
||
</a>
|
||
</div>
|
||
<header class="header-one-container-reverse mt-40">
|
||
<div class="header-one-left pl-12">
|
||
<h1 class="header-one-left-title lg:max-w-md">
|
||
Safing Privacy Network
|
||
</h1>
|
||
<p class="header-one-left-desc">
|
||
With the SPN you protect all your connections from mass
|
||
surveillance. Prevent all Internet Service Providers
|
||
from collecting and selling your private activities.
|
||
</p>
|
||
<div class="space-y-2 justify-center md:flex md:space-x-2 lg:justify-start">
|
||
<a class="btn-primary" href="#pricing">Get started</a>
|
||
<br>
|
||
<a class="link" href="{{ site.portmaster_url }}">Built into the Portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="header-one-right">
|
||
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
|
||
</span>
|
||
<video class="max-w-2xl" preload="auto"
|
||
src="{{ site.assets_server_url }}spn/feature-tour.mp4"
|
||
poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
|
||
controls>
|
||
</video>
|
||
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
|
||
</span>
|
||
</div>
|
||
</header>
|
||
<section class="space-y-40 mt-60">
|
||
<div class="intro-container mt-32">
|
||
<h2 class="intro-container-title">
|
||
Protect Your Meta‑Data
|
||
</h2>
|
||
<p class="intro-container-desc">
|
||
Seek true privacy. Do not overlook meta-data: which websites
|
||
you visit and how frequently tell more about you than knowing
|
||
what you actually do on them.
|
||
</p>
|
||
</div>
|
||
<div class="space-y-80">
|
||
<div class="showcase-container-reverse">
|
||
<div class="showcase-left" style="max-width: 850px;">
|
||
<img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
|
||
</div>
|
||
<div class="showcase-right">
|
||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
|
||
<i class="icon-info text-md"></i>
|
||
<span>Alpha Software: Portmaster is in active development</span>
|
||
</div>
|
||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||
Onion Layer Encryption
|
||
</h2>
|
||
<p class="showcase-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="#">Discover the portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="showcase-container">
|
||
<div class="showcase-left" style="max-width: 850px;">
|
||
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
|
||
</div>
|
||
<div class="showcase-right">
|
||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
|
||
<i class="icon-info text-md"></i>
|
||
<span>Alpha Software: Portmaster is in active development</span>
|
||
</div>
|
||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||
Minimize Your Meta‑Data
|
||
</h2>
|
||
<p class="showcase-right-desc">
|
||
With the SPN, your meta-data is stripped to a minimum.
|
||
Abstracting even the size of outgoing packets to diminish
|
||
what information third parties, like your ISP or the Wi-Fi
|
||
operator of your local coffee place, can gather about you.
|
||
</p>
|
||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="showcase-container-reverse">
|
||
<div class="showcase-left" style="max-width: 850px;">
|
||
<img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
|
||
</div>
|
||
<div class="showcase-right">
|
||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
|
||
<i class="icon-info text-md"></i>
|
||
<span>Alpha Software: Portmaster is in active development</span>
|
||
</div>
|
||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||
Distributed Multi Identity Network
|
||
</h2>
|
||
<p class="showcase-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="#">Discover the portmaster</a>
|
||
</div>
|
||
</div>
|
||
<div class="showcase-container">
|
||
<div class="showcase-left" style="max-width: 850px;">
|
||
<img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
|
||
</div>
|
||
<div class="showcase-right">
|
||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
|
||
<i class="icon-info text-md"></i>
|
||
<span>Alpha Software: Portmaster is in active development</span>
|
||
</div>
|
||
<h2 class="showcase-right-title" style="max-width: 450px;">
|
||
No Kill Switch Needed
|
||
</h2>
|
||
<p class="showcase-right-desc">
|
||
Get peace of mind instead of fearing data-leakage.
|
||
<br>
|
||
<br>
|
||
With the open source Portmaster, all your network connections are
|
||
intercepted at the kernel-level, putting an end to accidental data
|
||
exposure.
|
||
</p>
|
||
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="packages-container">
|
||
<div class="packages-container-top">
|
||
<span class="packages-container-top-title">
|
||
Pre-Order the SPN
|
||
</span>
|
||
<p class="packages-container-top-desc">
|
||
Lock in the lower prices forever and join the waitlist to
|
||
become one of the first SPN users.
|
||
</p>
|
||
</div>
|
||
<div class="packages-container-bottom">
|
||
<div class="card-package">
|
||
<div class="card-package-top">
|
||
<span class="card-package-top-title">Early Adopter Monthly</span>
|
||
<span class="card-package-top-amount">
|
||
9.90€ <span class="billing">/ per month</span>
|
||
</span>
|
||
<span class="card-package-top-offer">11.90€</span>
|
||
</div>
|
||
<div class="card-package-middle space-y-4">
|
||
<span class="card-package-middle-includes"> Includes: </span>
|
||
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
|
||
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
|
||
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
|
||
<span class="card-package-middle-includes-feature"> 17% off compared to Beta-Prices </span>
|
||
</div>
|
||
<div class="card-package-bottom">
|
||
<a class="btn-secondary w-full justify-center" href="#">Pre-Order</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-package">
|
||
<div class="card-package-top">
|
||
<span class="card-package-top-title">Early Adopter Yearly</span>
|
||
<span class="card-package-top-amount">
|
||
99.00€ <span class="billing">/ per year</span>
|
||
</span>
|
||
<span class="card-package-top-offer">142.80</span>
|
||
</div>
|
||
<div class="card-package-middle space-y-4">
|
||
<span class="card-package-middle-includes"> Includes: </span>
|
||
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
|
||
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
|
||
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
|
||
<span class="card-package-middle-includes-feature"> 30% off compared to Beta-Prices </span>
|
||
</div>
|
||
<div class="card-package-bottom">
|
||
<a class="btn-secondary w-full justify-center" href="#">Pre-Order</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-container">
|
||
<div class="faq-container-top">
|
||
<span class="faq-container-top-title">
|
||
FAQ
|
||
</span>
|
||
<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="">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 hover-scale-out">
|
||
<label class="card-label" for="card-toggle-anchor-2">
|
||
<div class="wrapper-left">
|
||
<div class="card-title">
|
||
<h1 class="title">
|
||
{{ faq.q }}
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
<div class="wrapper-right">
|
||
<i class="icon-arrow"></i>
|
||
</div>
|
||
</label>
|
||
<input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox">
|
||
<div class="card-dropdown-toggle">
|
||
<div class="card-dropdown-content">
|
||
{{ faq.a }}
|
||
{% if faq.link %}
|
||
<br>
|
||
<br>
|
||
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
<div class="faq-container-bottom-question">
|
||
<div class="card-faq hover-scale-out">
|
||
<label class="card-label" for="card-toggle-anchor-2">
|
||
<div class="wrapper-left">
|
||
<div class="card-title">
|
||
<h1 class="title">
|
||
Where can I find your source code?
|
||
</h1>
|
||
</div>
|
||
</div>
|
||
<div class="wrapper-right">
|
||
<i class="icon-arrow"></i>
|
||
</div>
|
||
</label>
|
||
<input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox">
|
||
<div class="card-dropdown-toggle">
|
||
<div class="card-dropdown-content">
|
||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||
got audited by Cure53, can also be found online.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> |