{% extends 'layouts/main.twig' %} 

{% block content %}
<section class="about">
    <div class="container">
        <h1 class="about__title">{{ data.content.about.title }}</h1>
        <div class="about__content">
            <div class="about__text">
                <p>{{ data.content.about.description }}</p>
            </div>
            <div class="about__image">
                <img src="/src/images/about-hero.jpg" alt="О нас">
            </div>
        </div>
        
        <div class="team">
            <h2 class="team__title">Наша команда</h2>
            <div class="team__grid">
                {% for member in data.content.team %}
                <div class="team-card">
                    <img class="team-card__photo" src="/src/images/team/{{ member.photo }}" alt="{{ member.name }}">
                    <h3 class="team-card__name">{{ member.name }}</h3>
                    <p class="team-card__position">{{ member.position }}</p>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>
{% endblock %} 