{% extends 'base.html.twig' %}


{% block seo %}
    <title>CUMAS365 - SFT</title>

    <meta name="description" content="{{ 'lang.home_meta_description' | trans }}">
    <meta name="keywords" content="{{ 'lang.home_meta_keywords' | trans }}">
    <meta name="robots" content="index, follow">

    {% set currentLocale = app.request.locale %}

    {% for locale in ['en', 'de', 'es', 'ru'] %}
        {% if currentLocale != locale %}
            <link rel="alternate" hreflang="{{ locale }}" href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': locale})) }}">
        {% endif %}
    {% endfor %}

{% endblock %}

{% block styles %}
    <style>
        .custom-navbar {
            color: #FFFFFF !important;
            /*background: linear-gradient(to top,*/
            /*rgba(255, 255, 255, 0.2),*/
            /*rgba(153, 153, 153, 0.2)) !important;*/
        }

        .footer {
            background-color: #202020 !important;
        }
    </style>
{% endblock %}

        {% block body %}
            <div class="home-container container">
                <div class="row h-100 pt-5 pb-5">
                    <div class="col-4 display-flex-center ml-mr-auto mt-5">
                        <img class="bumble-img" src="/images/bumble.png" alt="dssdfsdfsdf"/>
                        <div class="z-index-1 display-column-center">
                            <img class="logo" src="/images/cumas_logo.svg" alt="Cumas Logo"/>
                            <span class="mb-3 mt-3">{{ 'lang.secureFileTransfer' | trans }}</span>
                            <h3 class="mb-3 mt-3">{{ 'lang.efficientSoftware' | trans }}</h3>
                            <a class="button button-login"
                               href="{{ path('app_price') }}">{{ 'lang.getStartedNow' | trans }}</a>
                        </div>
                    </div>
                </div>

                {#                <div class="display-flex-end"> #}
                {#                    <div class="video-container" id="videoContainer"> #}
                {#                        <video id="video" controls controlslist="nodownload noplaybackrate" > #}
                {#                            <source src="{{ asset('video/tiger.mp4') }}" type="video/mp4"> #}
                {#                            SecureFileTransfer - sicher Daten versenden #}
                {#                        </video> #}
                {#                    </div> #}
                {#                </div> #}


                <div class="row pt-5 reverse-small mb-5">
                    <div class="col-12 col-md-6 display-flex-center">
                        <a href="{{ path('app_price') }}">
                            <img class="upload-preview" src="/images/upload-image.png" alt=""/>
                        </a>
                    </div>
                    <div class="col-12 col-md-6 display-column-center">
                        <div class="text-section">
                            <h4>{{ 'lang.highestDataSecurity' | trans }}</h4>
                            <p>{{ 'lang.secureFileTransferDescription' | trans }}</p>
                        </div>
                        <div class="text-section">
                            <h4>{{ 'lang.individualBranding' | trans }}</h4>
                            <p>{{ 'lang.individualBrandingDescription' | trans }}</p>
                        </div>
                        <div class="text-section">
                            <h4>{{ 'lang.optimizedForTeamwork' | trans }}</h4>
                            <p>{{ 'lang.optimizedForTeamworkDescription' | trans }}</p>
                        </div>
                        <div class="text-section">
                            <h4>{{ 'lang.fastReliableDataTransfer' | trans }}</h4>
                            <p>{{ 'lang.fastReliableDataTransferDescription' | trans }}</p>
                        </div>
                    </div>
                </div>
            </div>
        {% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('home') }}
{% endblock %}