{% extends "static-pages/base.html" %}

{% block title%}
Affiliates
{% endblock %}

{% block content %}
<section id="heroSection" class="block md:flex items-center justify-around pt-10 pb-5 md:pb-10">
    <div class="md:w-1/2 p-10 md:p-5" align="center">
        <img src="{{ URL_ROOT }}assets/img/affiliate2.jpg" class="w-[100%] h-[auto] md:w-[75%]">
    </div>
    <div class="md:w-1/2 p-10 md:p-5">
        <div class="md:pl-10">
            <p class="mb-3">
                In order to promote its services, the international digital depository Key Rock Corp provides a special affiliate program to attract new clients.</p>
            <p class="mb-3">
                Any Key Rock Corp client who has an Internet resource or a media resource can receive regular income through the affiliate cooperation program by informing people about the international digital depository Key Rock Corp.
            </p>
            <p class="mb-3">
                The daily income under the affiliate cooperation program - expressed both in US dollars and in any cryptocurrency accepted at Key Rock Corp - is 25 (twenty-five) percent of the daily income of the newly invited client.
            </p>
            <!--
            <h1 class="font-bold text-3xl md:text-5xl text-blue-1" style="line-height:50px">Our Referral<br>Programme</h1>
            <div class="bg-blue-1 mt-10 w-[100%] md:w-[352px]" style="height:112px;border-radius:24px;padding:20px;font-size:24px;">
                <p class="text-white">Your Income 1% for the 
                    entire deposit amount</p>
            </div>
            -->
        </div>
    </div>
</section>

<section class="mt-3 mb-3 md:mt-10 md:mb-10 p-5 md:px-10 text-center">
    <h2 class="mb-5 text-blue-1 font-bold text-xl md:text-2xl">Our Four Step Referral Programme</h2>
    <section class="flex mt-20 mb-10 md:px-20 text-center justify-around">
        <div class="w-1/2">
            <h2 class="text-2xl md:text-4xl font-bold text-blue-1">Level 1</h2>
            <p>You Will Get 5% Referral Bonus</p>
        </div>
        <div class="w-1/2">
            <h2 class="text-2xl md:text-4xl font-bold text-blue-1">Level 2</h2>
            <p>You will get 10% referral bonus</p>
        </div>
    </section>
    <section class="flex mt-20 mb-10 md:px-20 text-center justify-around">
        <div class="w-1/2">
            <h2 class="text-2xl md:text-4xl font-bold text-blue-1">Level 3</h2>
            <p>You Will Get 15% Referral Bonus</p>
        </div>
        <div class="w-1/2">
            <h2 class="text-2xl md:text-4xl font-bold text-blue-1">Level 4</h2>
            <p>You will get 20% referral bonus</p>
        </div>
    </section>
</section>

<section class="mt-5 mb-5 md:mt-10 md:mb-5 p-5 md:px-20 text-center">
    <h2 class="mb-5 text-blue-1 font-bold text-md md:text-xl">Attention!!!</h2>
    <p class="p-5 md:px-20">For participants of the affiliate cooperation program who have invited 50 (fifty) or more new clients to the international digital depository Key Rock Corp who have a positive deposit amount in their accounts, an additional bonus is provided. The daily income of such participants under the affiliate cooperation program is 30 (thirty) percent of the daily income of each new client they invite, that is, five percent higher than the standard income under the Key Rock Corp affiliate cooperation program.</p>
    <p class="p-5 md:px-20">Attention! It is not allowed to invite new clients of the international bank Key Rock Corp in the person of the client himself, his close relatives, as well as other persons using the Client's personal computer or other technical means of online communication belonging to the client, or the client's unique email address (IP address) in Internet network.</p>
    <p class="p-5 md:px-20">Attention! It is not allowed to attract new clients to the international digital depository Key Rock Corp through unauthorized mass mailings (SPAM).</p>
    <p class="p-5 md:px-20">Violation by a client of the rules of the Key Rock Corp affiliate cooperation program may entail adverse legal consequences for such a client.</p>
    <p class="p-5 md:px-20">Answers to the most frequently asked questions about the Key Rock Corp affiliate cooperation program can be found <a href="{% url register %}">here.</a></p>
    <p class="p-5 md:px-20">Additional questions about the Key Rock Corp affiliate cooperation program could be asked <a href="{% url register %}">here.</a></p>
</section>

<section class="mt-5 mb-5 md:mt-10 md:mb-5 md:px-20 text-center">
    <div class="mt-5 flex gap-5 justify-center">
        <a href="{% url login %}"
			class="button focus:outline-none text-white focus:ring-4 focus:ring-orange-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2">
			Sign In
        </a>

		<a href="{% url register %}"
			class="button-blue focus:outline-none text-white focus:ring-4 focus:ring-orange-300 font-medium rounded-lg text-sm px-5 py-2.5 mb-2">
			Register
        </a>
	</div>
</section>
{% endblock %}

{% block js %}
{% endblock %}