575db5e342
Logos officiels installés : - static/images/dictia-logo.png (28 KB optimisé 256×256) - static/images/dictia-logo-128.png (10 KB retina) - static/images/dictia-logo-fullres.png (originaux conservés OG/social) - static/images/dictia-logo.svg + dictia-logo-nom.svg (cleaned C2PA metadata) - Header marketing/base.html : <img> 40×40 + wordmark "DictIA" + tagline "Transcription" - Footer marketing/_footer.html : <img> 36×36 + wordmark - Favicon mis à jour vers logo PNG Note : SVG sources sont des PNG base64 wrappés (pas de vrais paths) — PNG utilisé en production (8× plus léger), SVG conservé pour fallback. Palette canonique alignée sur le logo : - brand-b1 : #7c3aed (mauve) → #2563eb (blue-600 vibrant — primary) - brand-b2 : #a855f7 (mauve clair) → #06b6d4 (cyan-500 — aqua mid) - brand-b3 : #06b6d4 (aqua) → #c026d3 (fuchsia-600 — magenta accent) - Gradient signature : linear-gradient(118deg, #2563eb, #06b6d4 52%, #c026d3) - Box shadow CTA : rgba(37,99,235,0.28/0.42) - 72 remplacements hex/rgba dans 5 templates marketing/legal + email service Tests : 81 passed / 3 failed (3 échecs pré-existants /blog + trust-bar phrasing, non liés à ce changement). 0 régression. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
70 lines
3.8 KiB
HTML
70 lines
3.8 KiB
HTML
<footer class="bg-brand-navy2 text-white py-16 mt-20" aria-labelledby="footer-heading">
|
|
<h2 id="footer-heading" class="sr-only">Navigation du pied de page</h2>
|
|
<div class="max-w-[1200px] mx-auto px-6">
|
|
<div class="grid md:grid-cols-4 gap-8 mb-12">
|
|
|
|
{# Column 1 — Brand + contact #}
|
|
<div>
|
|
<a href="/" class="inline-flex items-center gap-3" aria-label="DictIA — page d'accueil">
|
|
<img src="{{ url_for('static', filename='images/dictia-logo.png') }}"
|
|
alt=""
|
|
width="36"
|
|
height="36"
|
|
class="w-9 h-9"
|
|
aria-hidden="true">
|
|
<span class="font-black text-xl grad-text">DictIA</span>
|
|
</a>
|
|
<p class="text-sm text-white/70 mt-3">Transcription IA conforme Loi 25, conçue au Québec.</p>
|
|
<address class="not-italic text-xs text-white/70 mt-4 leading-relaxed">
|
|
77 ch. de la Seigneurie<br>
|
|
Inverness QC G0S 1K0<br>
|
|
<a href="tel:+15819968471" class="hover:text-white">(581) 996-8471</a><br>
|
|
<a href="mailto:info@dictia.ca" class="hover:text-white">info@dictia.ca</a>
|
|
</address>
|
|
</div>
|
|
|
|
{# Column 2 — Produit #}
|
|
<nav aria-label="Produit">
|
|
<p class="eyebrow text-white/70 mb-4">Produit</p>
|
|
<ul class="space-y-2 text-sm text-white/70">
|
|
<li><a href="/fonctionnalites" class="hover:text-white">Fonctionnalités</a></li>
|
|
<li><a href="/tarifs" class="hover:text-white">Tarifs</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{# Column 3 — Légal #}
|
|
<nav aria-label="Légal">
|
|
<p class="eyebrow text-white/70 mb-4">Légal</p>
|
|
<ul class="space-y-2 text-sm text-white/70">
|
|
<li><a href="/conformite" class="hover:text-white">Conformité</a></li>
|
|
<li><a href="/legal/conditions" class="hover:text-white">Conditions d'utilisation</a></li>
|
|
<li><a href="/legal/confidentialite" class="hover:text-white">Confidentialité (Loi 25)</a></li>
|
|
<li><a href="/legal/cookies" class="hover:text-white">Cookies</a></li>
|
|
<li><a href="/legal/remboursement" class="hover:text-white">Remboursement</a></li>
|
|
<li><a href="/legal/accessibilite" class="hover:text-white">Accessibilité</a></li>
|
|
<li><a href="/legal/mentions" class="hover:text-white">Mentions légales</a></li>
|
|
<li><a href="https://gitea.dictia.ca/Innova-AI/dictia-public" target="_blank" rel="noopener" class="inline-flex items-center gap-1.5 hover:text-white">Code source AGPL<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-3.5 h-3.5" aria-hidden="true"><path d="M7 17l9.2-9.2M17 17V8h-9"/></svg><span class="sr-only">(s'ouvre dans un nouvel onglet)</span></a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{# Column 4 — Compte #}
|
|
<nav aria-label="Compte">
|
|
<p class="eyebrow text-white/70 mb-4">Compte</p>
|
|
<ul class="space-y-2 text-sm text-white/70">
|
|
<li><a href="/login" class="hover:text-white">Connexion</a></li>
|
|
<li><a href="/signup" class="hover:text-white">Créer un compte</a></li>
|
|
<li><a href="/contact" class="hover:text-white">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="pt-8 border-t border-white/[0.045] flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-white/70">
|
|
<p>© 2026 DictIA Inc. · AGPL v3 · Fait au Québec</p>
|
|
<div class="flex gap-4">
|
|
<a href="https://www.linkedin.com/company/dictiaqc" rel="noopener" target="_blank" class="hover:text-white">LinkedIn</a>
|
|
<a href="https://www.facebook.com/dictiaqc" rel="noopener" target="_blank" class="hover:text-white">Facebook</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|