{% extends '@DediSyliusTheme/DesignSystem/layout.html.twig' %}

{% block content %}
    <div class="ds-container">
        <h2 class="ds-title">{{ 'app.design_system.blocks.title'|trans }}</h2>
        <p class="ds-text">{{ 'app.design_system.blocks.desc'|trans }}</p>

        <h3 class="ds-subtitle">{{ 'app.design_system.blocks.products'|trans }} <button class="ds-btn-code" rel=".example-products"></button></h3>
        {% include "@DediSyliusTheme/DesignSystem/parts/_products.html.twig" %}

        {% include "@DediSyliusTheme/DesignSystem/parts/_blocks.html.twig" %}
    </div>
{% endblock %}
