{% extends 'base.html.twig' %}
{% block body %}
<div class="page-title-area ptb-100">
    <div class="container">
        <div class="page-title-content">
            <h1>{% trans %}Services{% endtrans %}</h1>
        </div>
    </div>
    <div class="bg-image">
        <img src="{{asset('img/banner.jpg')}}" alt="Batifluid background banner">
    </div>
</div>

<div class="service-single-area ptb-100">
    <section id="services" class="service-section-three">
        <div class="container">
            <div class="top-content">
                <div class="title">
                    <span class="sub-title">{% trans %}Services{% endtrans %}</span>
                    <h2>{% trans %}Nos services{% endtrans %} </h2>
                </div>
                <p>{% trans %}<span class="batifgras">batifluide</span>, votre partenaire en solutions vapeur et fluides thermiques{% endtrans %}</p>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('chaufferie')}}"><img
                                    src="{{asset('img/services/Chaufferie et reseaux vapeur clé en main traité.png')}}"
                                    alt="Demo Image"></a>
                        </div>
                        <div class="content">
                            <h3><a href="{{path('chaufferie')}}">{% trans %}Chaufferies et réseaux vapeur{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('chaufferie')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('engineering')}}"><img src="{{asset('img/services/Engineering.png')}}" alt="Engineering">
                        </div>
                        <div class="content">
                            <h3><a href="{{path('engineering')}}">{% trans %}Engineering{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('engineering')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('audit')}}"><img src="{{asset('img/services/Audit et reseau vapeur traité.png')}}"
                                    alt="Audit réseaux vapeur traité">
                        </div>
                        <div class="content">
                            <h3><a href="{{path('audit')}}">{% trans %}Audit réseaux vapeur{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('audit')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('maintenance')}}"><img src="{{asset('img/services/Maintenance-traité.jpg')}}"
                                    alt="Maintenance traité">
                        </div>
                        <div class="content">
                            <h3><a href="{{path('maintenance')}}">{% trans %}Expertise et maintenance industrielles{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('maintenance')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('soupapes')}}"><img src="{{asset('img/services/Tarrage de soupape traité.png')}}"
                                    alt="Tarrage de soupape traité">
                        </div>
                        <div class="content">
                            <h3><a href="{{path('soupapes')}}">{% trans %}Contrôle, Tarage &amp; maintenance des soupapes{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('soupapes')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="item-single mb-30">
                        <div class="image">
                            <a href="{{path('vanne_et_accessoires')}}"><img
                                    src="{{asset('img/services/vente vanne et accessoire traité.png')}}"
                                    alt="Vente vanne et accessoire traité">
                        </div>
                        <div class="content">
                            <h3><a href="{{path('vanne_et_accessoires')}}">{% trans %}Vente vanne & Accessoires{% endtrans %}</a></h3>
                            <div class="cta-btn">
                                <a href="{{path('vanne_et_accessoires')}}" class="btn-text">{% trans %}Lire plus{% endtrans %}</a>
                            </div>
                        </div>
                        <div class="spacer"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
{% endblock %}