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

{% block title %}Nouvel audit - {{ parent() }} {% endblock %}

{% block body %}
    <div class="container mx-auto py-8">
        <h1 class="text-4xl font-bold text-gray-800 mb-6">Audit d'Accessibilité</h1>

        <section class="mb-10">
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Qu'est-ce que l'accessibilité ?</h2>
            <p class="text-gray-600 leading-relaxed">
                L'accessibilité numérique permet de rendre le contenu web accessible à tous les utilisateurs, y compris ceux ayant des handicaps. En rendant votre site plus accessible, vous améliorez l'expérience utilisateur, renforcez votre SEO, et assurez la conformité avec les réglementations en vigueur.
            </p>
        </section>

        <section class="mb-10">
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Réservez votre audit</h2>
            <p class="text-gray-600 leading-relaxed mb-6">
                En remplissant le formulaire ci-dessous, vous nous aidez à mieux comprendre vos besoins. Nous vous contacterons rapidement pour un complément d'information, ce qui nous permettra de vous proposer un tarif le plus juste possible.
            </p>
            <div class="bg-white shadow-md rounded-lg p-6">
                {{ include('audit/_form.html.twig') }}
            </div>
        </section>

        <section class="mb-10">
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Nos Services d'Audit</h2>
            <ul class="list-disc list-inside text-gray-600">
                <li><strong>Audit complet</strong> : Évaluation détaillée de tout le site.</li>
                <li><strong>Audit partiel</strong> : Vérification de certaines pages spécifiques ou sections du site.</li>
                <li><strong>Audit de conformité</strong> : Audit axé sur la conformité avec une norme spécifique (WCAG 2.1, RGAA).</li>
            </ul>
            <p class="text-gray-600 leading-relaxed mt-4">
                Quel que soit l'audit choisi, vous recevrez un rapport détaillé avec des recommandations concrètes pour améliorer l'accessibilité de votre site, ainsi qu'une priorisation des corrections à apporter.
            </p>
        </section>

        <section class="mb-10">
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Ce que vous gagnez</h2>
            <ul class="list-disc list-inside text-gray-600">
                <li><strong>Conformité légale</strong> : Assurez-vous que votre site est conforme aux réglementations.</li>
                <li><strong>Amélioration du SEO</strong> : Un site accessible est mieux référencé par les moteurs de recherche.</li>
                <li><strong>Meilleure expérience utilisateur</strong> : Améliorez l'expérience de tous vos utilisateurs.</li>
                <li><strong>Engagement envers l'inclusion</strong> : Montrez votre engagement pour l'inclusion numérique.</li>
            </ul>
        </section>

        <section>
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Tarification</h2>
            <p class="text-gray-600 leading-relaxed">
                Nous proposons des solutions adaptées à chaque entreprise, quel que soit votre budget. Après réception de votre demande, nous vous contacterons pour affiner notre évaluation et vous fournir un devis ajusté.
            </p>
        </section>

        <section class="mt-10">
            <h2 class="text-2xl font-semibold text-gray-700 mb-4">Contact et Support</h2>
            <p class="text-gray-600 leading-relaxed">
                Pour toute question ou assistance, contactez-nous via le formulaire ci-dessus ou par email à <a href="mailto:contact@example.com" class="text-blue-600 hover:underline">contact@example.com</a>. Nous sommes là pour vous accompagner.
            </p>
        </section>
    </div>
{% endblock %}