feat(frontend): add reassurance strip and supported-formats section

Part of the Ombrora Convert redesign (Task 3/5).
2026-07-31 14:57:46 +02:00
parent bc7a3b0691
commit 2aa8e51b80
5 changed files with 170 additions and 34 deletions
@@ -0,0 +1,19 @@
+import { useTranslation } from 'react-i18next';
+import { FORMAT_FAMILIES } from '../data/formats.js';
+
+export function FormatsGrid() {
+  const { t } = useTranslation();
+  return (
+    <section className="formats-grid-section">
+      <h2>{t('formats.title')}</h2>
+      <div className="formats-grid">
+        {FORMAT_FAMILIES.map(({ key, formats }) => (
+          <div key={key} className="formats-family">
+            <h3>{t(`formats.${key}`)}</h3>
+            <p>{formats.join(', ').toUpperCase()}</p>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}