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

{% block title %}
	- Solutions & Modules - Push Vocale
{% endblock %}

{% block stylesheets %}{% endblock %}

{% block body %}

<!-- Header Start -->
<div class="container-fluid bg-breadcrumb">
    <ul class="breadcrumb-animation">

    </ul>
    <div class="container text-center py-5" style="max-width: 900px;">
        <h3 class="display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Push Vocale</h1>
        <ol class="breadcrumb justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
            <li class="breadcrumb-item"><a href="/">Accueil</a></li>
            <li class="breadcrumb-item"><a href="#">Solutions & Modules</a></li>
            <li class="breadcrumb-item active text-primary">Push Vocale</li>
        </ol>    
    </div>
</div>
<!-- Header End -->

<!-- Feature Start -->
<div class="container-fluid feature overflow-hidden ">
    <div class="container  ">
        <div class="row g-5 pt-5">
            <div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
                <div class="feature-img RotateMoveLeft h-100" style="object-fit: cover;">
                    <img src="{{asset('assets/img/features-1.png')}}" class="img-fluid w-100 h-100" alt="">
                </div>
            </div>
            <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.1s">
                <h4 class="text-primary">Push Vocal (Sans Mise en Relation)</h4>
                <ul>
                    <li>Campagnes de masse, message informatif ou dépose répondeur.
                    </li>
                    <li>Idéal pour rappels, alertes, promotions.
                    </li>
                </ul>
                <p class="mb-4">Exemples :
                </p>

                <div class="row g-4">
                    <div class="col-6">
                        <div class="d-flex align-items-center">
                            <i class="bi bi-voicemail fa-2x text-secondary"></i>
                            <div class="d-flex flex-column ms-3">
                                <h4 class="mb-0 fw-bold">Rappel RDV</h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="d-flex align-items-center">
                            <i class="bi bi-voicemail fa-2x text-secondary"></i>
                            <div class="d-flex flex-column ms-3">
                                <h4 class="mb-0 fw-bold">Alerte facturation</h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="d-flex align-items-center">
                            <i class="bi bi-voicemail fa-2x text-secondary"></i>
                            <div class="d-flex flex-column ms-3">
                                <h4 class="mb-0 fw-bold">Info promotionnelle</h4>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="row g-5 pt-5">
            <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.1s">
                <h4 class="text-primary">Push Vocal (Avec Mise en Relation)</h4>

                <p class="mb-4">Interaction via serveur vocal (taper 1 pour payer, 2 pour parler à un conseiller...). Optimise la charge agent (seuls les clients intéressés sont transférés). 
                </p>
                <p class="mb-4">Points Clés :
                </p>
                <ul>
                    <li>
                        Détection répondeur >90%, personnalisation (text-to-speech ou voix studio).
                    </li>
                    
                    <li>
                        Respect des règles d'opt-out et gestion blacklists (STOP).
                    </li>

                    <li>
                        Exemples : Recouvrement amiable (paiement, agent), offres marketing nécessitant une discussion
                    </li>
                </ul>
            </div>

            <div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
                <div class="feature-img RotateMoveLeft h-100" style="object-fit: cover;">
                    <img src="{{asset('assets/img/features-1.png')}}" class="img-fluid w-100 h-100" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Feature End -->



{% endblock %}