templates/contact/contact.html.twig line 1

{% extends 'base.html.twig' %}

{% block title %}Contactez votre agence de communication - Pixelsior{% endblock %}

{% block metas %}
    <meta name="title" content="Contactez votre agence de communication - Pixelsior">
    <meta name="description" content="Contactez Pixelsior, votre agence de communication digitale en France pour toute demande d'informations ou devis.">
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block body %}
    {% include '/partials/header.html.twig' with {'header_theme': 'dark', 'current_page':'contact'} %}
    <!-- Main Content -->
    <main class="main-content">
        <div class="tm-section contact-area tm-padding-section bg-white">
            <div class="container position-relative">
                <img class="leaf leaf-3" src="{{ asset('assets/images/webp/leaf-3.webp') }}" alt="Feuille n°3">
                <img class="leaf leaf-2" src="{{ asset('assets/images/webp/leaf-2.webp') }}" alt="Feuille n°2">
                <img class="leaf leaf-1" src="{{ asset('assets/images/webp/leaf-1.webp') }}" alt="Feuille n°1">

                <div class="row">
                    <div class="col-lg-6">
                        <img class="subservice-illustration" src="{{ asset('assets/images/webp/pixelsior-avatar-8.webp') }}" alt="Pixelsior avatar">
                    </div>
                    <div class="col-lg-6 pt-lg-5">
                        <h1>Contactez-nous</h1>
                        <p>Un ou plusieurs de nos services vous intéresse, vous avez besoin de conseils? Laissez-nous vos coordonnées, nous reviendrons vers vous le plus vite possible </p>
                        <h2>Elaborons votre stratégie marketing avec Pixelsior !</h2>
                          {% for label, messages in app.flashes %}
                            {% for message in messages %}
                                <div class="alert alert-{{ label }} mb-2">
                                    {{ message | raw }}
                                </div>
                            {% endfor %}
                        {% endfor %}
                        {{form_start(form)}}
                            <div class="mb-3">
                                {{form_label(form.name)}}
                                {{form_widget(form.name,{ 'attr': {'class': 'form-control'} })}}
                                {{form_errors(form.name)}}
                            </div>
                            <div class="mb-3">
                                {{form_label(form.email)}}
                                {{form_widget(form.email,{ 'attr': {'class': 'form-control'} })}}
                                {{form_errors(form.email)}}
                            </div>
                            <div class="mb-3">
                                {{form_label(form.phoneNumber)}}
                                {{form_widget(form.phoneNumber,{ 'attr': {'class': 'form-control'} })}}
                                {{form_errors(form.phoneNumber)}}
                            </div>
                            <div class="mb-3">
                                {{form_label(form.subject)}}
                                {{form_widget(form.subject,{ 'attr': {'class': 'form-control'} })}}
                                {{form_errors(form.subject)}}
                            </div>
                            <div class="mb-3">
                                {{form_label(form.message)}}
                                {{form_widget(form.message, {'attr': {'class': 'form-control'}})}}
                                {{form_errors(form.message)}}
                                
                            </div>
                            <div class="mb-3">
                                <div class="g-recaptcha" data-sitekey="{{ google_recaptcha_site_key }}"></div>
                            </div>
                            <button type="submit" class="float-end tm-button tm-button-yellow button-y mt-3">Envoyer</button>
                        {{form_end(form)}}
                    </div>
                    
                </div>
            </div>
        </div>

        
        {% include '/partials/contact_us.html.twig' %}

    </main>
    <!--// Main Content -->
   
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endblock %}