<section id="projets" class="projects">
    <div class="section-container">
        <h2>{{ t.projects.section_title }} <span class="accent-text">{{ t.projects.section_title_accent }}</span></h2>

        <div class="project-cards">
            {% for project in t.projects.items %}
            <a href="{{ project.url }}" target="_blank" rel="noopener noreferrer" class="project-card">
                <div class="project-icon">{{ project.icon }}</div>
                <h3>{{ project.name }}</h3>
                <p class="project-domain">{{ project.domain }}</p>
                <p>{{ project.description }}</p>
                <span class="service-link project-card-link">
                    {{ t.projects.link_text }} →
                </span>
            </a>
            {% endfor %}
        </div>
    </div>
</section>
