feat: improve missions & add faq

src/_includes/partials/engagement.njk

@@ -0,0 +1,31 @@
+<section id="engagement" class="engagement">
+    <div class="section-container">
+        <h2>La révolution numérique <span class="accent-text">commence par un clic</span></h2>
+        <p class="section-subtitle">
+            Commencez votre transition vers un internet libre et respectueux
+        </p>
+
+        <div class="engagement-options">
+            <div class="engagement-card">
+                <div class="engagement-icon">🏛️</div>
+                <h3>Associations</h3>
+                <p>Sortez de Facebook et créez votre présence numérique indépendante</p>
+                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
+            </div>
+
+            <div class="engagement-card">
+                <div class="engagement-icon">💼</div>
+                <h3>Entreprises</h3>
+                <p>Hébergement web, solutions Fédiverse ou développement sur mesure</p>
+                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
+            </div>
+
+            <div class="engagement-card">
+                <div class="engagement-icon">👥</div>
+                <h3>Citoyens</h3>
+                <p>Rejoignez nos plateformes libres et participez à un internet décentralisé</p>
+                <a href="#contact" class="btn btn-primary">Contactez-nous</a>
+            </div>
+        </div>
+    </div>
+</section>

src/_includes/partials/faq.njk

@@ -0,0 +1,31 @@
+<section id="faq" class="faq">
+    <div class="section-container">
+        <h2>Questions <span class="accent-text">fréquentes</span></h2>
+        <p class="section-subtitle">
+            Tout ce que vous devez savoir pour commencer votre transition numérique
+        </p>
+
+        <div class="faq-container">
+            {% for item in faq %}
+            <div class="faq-item">
+                <button class="faq-question" onclick="this.parentElement.classList.toggle('active')">
+                    <span>{{ item.question }}</span>
+                    <span class="faq-icon">+</span>
+                </button>
+                <div class="faq-answer">
+                    <p>{{ item.answer }}</p>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+
+        <div class="faq-footer">
+            <p style="font-size: 1.1rem; margin-bottom: 1rem;">
+                Vous avez d'autres questions ?
+            </p>
+            <a href="#contact" class="btn btn-secondary">
+                Contactez-nous →
+            </a>
+        </div>
+    </div>
+</section>

src/_includes/partials/publics.njk

@@ -0,0 +1,40 @@
+<section id="solutions" class="publics">
+    <div class="section-container">
+        <h2>Des solutions pour <span class="accent-text">chaque besoin</span></h2>
+        <p class="section-subtitle">
+            Que vous soyez association, entreprise ou citoyen engagé, nous avons les outils pour votre transition numérique
+        </p>
+
+        <div class="publics-grid">
+            {% for public in publics %}
+            <div class="public-card">
+                <div class="public-icon">{{ public.icon }}</div>
+                <h3>{{ public.title }}</h3>
+                <p class="public-description">{{ public.description }}</p>
+
+                <div class="public-benefits">
+                    <h4>Ce que vous obtenez :</h4>
+                    <ul>
+                        {% for benefit in public.benefits %}
+                        <li>✓ {{ benefit }}</li>
+                        {% endfor %}
+                    </ul>
+                </div>
+
+                <a href="#contact" class="btn btn-primary public-cta">
+                    {{ public.cta }} →
+                </a>
+            </div>
+            {% endfor %}
+        </div>
+
+        <div class="publics-footer">
+            <p style="font-size: 1.2rem; margin-bottom: 1rem; font-weight: 600;">
+                💡 Prêt à franchir le pas ?
+            </p>
+            <p style="opacity: 0.9;">
+                Parce que tout grand changement commence par une conversation
+            </p>
+        </div>
+    </div>
+</section>