{% extends 'website/base.html' %}

{% block content %}
<section class="services-page">
    <div class="container">
        <h1 data-aos="fade-up">{{ page.title }}</h1>

        {% if page.content %}
            <div class="page-content" data-aos="fade-up">
                {{ page.content|safe }}
            </div>
        {% endif %}

        <div class="services-grid">
            {% for service in services %}
                <div class="service-card" data-aos="fade-up">
                    <h3>{{ service.name }}</h3>
                    <p>{{ service.description }}</p>
                    {% if service.price %}
                        <strong>{{ service.price }}</strong>
                    {% endif %}
                </div>
            {% endfor %}
        </div>
    </div>
</section>
{% endblock %}