{% extends 'main_base.html.twig' %}
{% block title %}{{ entity.baslik }}{% endblock %}
{% block description %}{{ entity.description }}{% endblock %}
{% block head_js %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
{% endblock %}
{% block content %}
    <header>
        <div class="header-image"><img src="{{ asset('assets/main/images/production.webp') }}" alt=""></div>
        <div class="header-text">
            <a href="{{ path('app_main_default') }}">
                <div class="header-logo"><img src="{{ asset('assets/main/images/elefante.svg') }}" alt=""></div>
            </a>
            <div class="header-name"><span>{{ entity.baslik }}</span></div>
            <div class="header-text-line">
                <span>SINCE</span>
                <span>1995</span>
            </div>
        </div>
    </header>

    <div class="about-us-cotton-svg-1">
        <img src="{{ asset('assets/main/images/cotton.svg') }}" alt="">
    </div>

    <div id="container">
        <div class="document-content">
            <div class="document-header">
                <div class="document-header-line"></div>
                <p data-aos="flip-up" data-aos-duration="600">{{ entity.baslik }}</p>
            </div>

            <div class="document-text"  data-aos="fade-up" data-aos-duration="600" data-aos-delay="200">
                <p class="animatetext-content">{{ entity.metin|raw }}</p>
            </div>
        </div>
    </div>
{% endblock %}