{% extends 'layout.html' %}
{% load i18n %}
{% load static %}

{% block headers %}
    <meta name="description" content="{% trans 'CCrypto VPN is an affordable, fast, anonymous and secure VPN service' %}" />
{% endblock %}

{% block content %}
<div class="homepage">
    <h2>Secure your browsing with a VPN</h2>

    <div class="features left">
        <div class="title">
            <h3>Hide your IP Address</h3>
        </div>
        <div class="inner">
            <p>From corporations and attackers tracking you for advertising, marketing, geo-blocking, extorsion, ...
                and irresponsibly storing personal data that can leak to malicious parties and be used against you.</p>
        </div>
    </div>
    <div class="features right">
        <div class="title">
            <h3>through a Secure Tunnel to the Internet</h3>
        </div>
        <div class="inner">
            <p>
                ‣ Defend against eavesdropping & tampering, from compromised WiFi access points to intrusive corporate monitoring and Deep Packet Inspection.</p>
            <p>
                ‣ Avoid network limitations (IPv6 unavailable, bad peering, misconfigured firewalls, ...)
                and circumvent interception attempts (lying DNS, DNS blocking, ...)
            </p>
        </div>
    </div>
    <div class="features center">
        <div class="title">
            <h3>CCrypto VPN is a simple solution for only 3€/month</h3>
        </div>
        <div class="inner">
            <ul>
                <li>Access to fast & secure servers around the world with no data cap.</li>
                <li>Powered by OpenVPN or WireGuard, freely available on Windows, Linux, macOS, Android, iOS, and many more.</li>
                <li>With the best encryption available, IPv4 & IPv6, private DNS resolvers, and DDoS protection.</li>
                <li>Subscribe with PayPal, credit card, or any of 40+ cryptocurrencies</li>
            </ul>
        </div>
    </div>

    <p class="home-signup">
        <a href="/account/signup" class="home-signup-button pure-button pure-button-primary">
            {% trans 'Sign up & try for a week for free' %}
        </a>
    </p>

    <div class="locations">
        <object id="map" data="{% static 'img/world.svg' %}" type="image/svg+xml"></object>
        {{gateway_locations|json_script:"locations-data"}}
        <script type="text/javascript" src="{% static 'js/map.js' %}"></script>
        <p class="more">
            <a href="/servers">more on our infrastructure</a>
        </p>
    </div>

</div>

{% endblock %}
