Innova-AI/dictia-public
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat(marketing): bento grid 6 features (style FlexiHub)

Browse Source
This commit is contained in:
Allison
2026-04-27 18:03:57 -04:00
parent 7c6c6fd433
commit 775075d1ea
4 changed files with 5232 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/macros/bento.html Normal file
View File

@@ -0,0 +1,12 @@
{# Reusable bento card macro. FlexiHub style: dark navy2 surface, decorative watermark number, gradient icon corner. #}
{% macro bento_card(number, title, description, icon='✦', span='1') %}
<div class="relative bg-brand-navy2 p-6 rounded-[18px] overflow-hidden col-span-{{ span }}"
style="border: 1px solid rgba(255,255,255,0.045)">
<div class="absolute top-2 right-4 text-[80px] font-black text-white/[0.04]" aria-hidden="true">{{ number }}</div>
<div class="relative">
<div class="w-10 h-10 grad-bg rounded-[0.5rem] mb-4 flex items-center justify-center text-lg">{{ icon }}</div>
<h3 class="text-lg font-bold mb-2 text-white">{{ title }}</h3>
<p class="text-sm text-white/70">{{ description }}</p>
</div>
</div>
{% endmacro %}

22
templates/marketing/landing.html
View File

@@ -184,4 +184,26 @@
</div>
</div>
</section>
{# ===== BENTO FEATURES ===== #}
<section class="bg-white py-20" aria-labelledby="bento-title">
<div class="max-w-[1060px] mx-auto px-6">
<div class="text-center max-w-2xl mx-auto mb-12">
<p class="eyebrow grad-text mb-4">FONCTIONNALITÉS</p>
<h2 id="bento-title" class="text-[clamp(2rem,3vw,2.75rem)] font-black text-brand-navy">
Tout ce dont vous avez besoin, <span class="grad-text">rien que vous n'ayez besoin</span>.
</h2>
</div>
{% from 'macros/bento.html' import bento_card %}
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-[1.5px] bg-brand-border rounded-[18px] overflow-hidden">
{{ bento_card('01', 'Transcription WhisperX', 'Large-v3 fine-tuné FR-CA. Précision 95&nbsp;%+ sur réunions, dictées, audiences (méthodologie disponible sur demande).', '🎙️') }}
{{ bento_card('02', 'Diarisation 8 locuteurs', 'pyannote sépare automatiquement les intervenants. Identification par embeddings.', '👥') }}
{{ bento_card('03', 'Résumés Mistral 7B', 'IA locale génère résumés, points d\'action et procès-verbaux. Aucune connexion cloud.', '📝') }}
{{ bento_card('04', 'Q&amp;R sur enregistrement', 'Posez des questions à vos réunions. RAG local sur embeddings sentence-transformers.', '💬') }}
{{ bento_card('05', 'Exports multiples', 'DOCX, PDF, SRT, VTT, TXT, JSON, MD. Formats avocat, notaire, CPA.', '📄') }}
{{ bento_card('06', 'Intégrations', 'Word, Outlook, Teams, Notion, Obsidian, Zapier, Make, n8n.', '🔌') }}
</div>
</div>
</section>
{% endblock %}