Add press article summaries

web/messages/de.json

@@ -18,6 +18,10 @@
   "press.contact": "Pressekontakt",
   "press.contact_description": "Für Presseanfragen wenden Sie sich bitte an unser Team.",
   "press.contact_us": "Kontakt aufnehmen",
+  "press.summary": "Zusammenfassung (Compass Redaktion)",
+  "press.summary.4": "Belgischer und lokaler Artikel über die Anfänge von Compass. In nur acht Wochen entwickelt und kostenlos angeboten, unterscheidet sich Compass durch den Verzicht auf versteckte Algorithmen und Wisch-Mechanismen. Stattdessen setzt die Plattform auf eine Schlagwortsuche, die sich auf Werte, Interessen und Persönlichkeit konzentriert, während Fotos in den Hintergrund treten. Als Open-Source-Projekt verfolgt Compass einen gemeinnützigen und gemeinschaftlichen Ansatz. Vier Monate nach dem Start zählt die Plattform etwas mehr als 400 Nutzer, mit dem Ziel, eine kritische Masse auf lokaler Ebene zu erreichen.",
+  "press.summary.2": "Kurzes Video (Facebook Reel), das Compass auf unterhaltsame und dynamische Weise präsentiert. Martin Braquet, ein junger Ingenieur aus Havelange, stellt seine ethische Dating-App vor. Hier geht es um einen anderen Ansatz. Compass ist gemeinnützig und darauf ausgelegt, Verbindungen zu schaffen. Die Plattform ist offen, kollaborativ, ohne undurchsichtige Algorithmen. Und ohne den Druck von Profilfotos.",
+  "press.summary.1": "Belgischer und lokaler Videobericht, der Compass als Open-Source-Plattform zwischen Dating-App und sozialem Netzwerk beschreibt, die mit den üblichen Konventionen bricht, indem sie auf versteckte Algorithmen und die Betonung von Fotos verzichtet. Entwickelt vom Havelanger Ingenieur Martin Braquet, ermöglicht die Plattform die Suche nach Profilen basierend auf Werten und Interessen für freundschaftliche, berufliche oder romantische Beziehungen. Als eine Art 'Bibliothek' von Profilen mit Filterfunktionen zielt Compass darauf ab, soziale Verbindungen neu zu gestalten. Kostenlos, werbefrei und bereits mit über 400 Nutzern.",
   "press.no_articles": "Derzeit sind keine Presseartikel verfügbar. Bitte schauen Sie später wieder vorbei.",
   "languages.en": "Englisch",
   "languages.fr": "Französisch",

web/messages/fr.json

@@ -18,6 +18,10 @@
   "press.contact": "Contact presse",
   "press.contact_description": "Pour toute demande de presse, veuillez contacter notre équipe.",
   "press.contact_us": "Nous contacter",
+  "press.summary": "Résumé (Éditorial Compass)",
+  "press.summary.4": "Article belge et local présentant les débuts de Compass. Développée en huit semaines et proposée gratuitement, Compass se distingue des applications dominantes par l’absence d’algorithmes cachés et de mécanismes de swipe, au profit d’une recherche par mots-clés centrée sur les valeurs, les centres d’intérêt et la personnalité, les photos étant secondaires. Projet open source, Compass revendique une logique non lucrative et communautaire. Quatre mois après son lancement, elle compte un peu plus de 400 utilisateurs, avec l’ambition d’atteindre une masse critique locale.",
+  "press.summary.2": "Courte vidéo (Facebook reel) illustrant Compass de manière fun et dynamique. Martin Braquet, un jeune ingénieur havelangeois, sort son appli de rencontre éthique. Ici, on parle d’une autre approche. Compass est sans but lucratif, pensée pour créer du lien. Sa plateforme est ouverte, collaborative, sans algorithme opaque. Et sans le poids des photos de profil.",
+  "press.summary.1": "Reportage vidéo belge et local qui décrit Compass comme une plateforme open source à mi-chemin entre application de rencontre et réseau social, qui rompt avec les codes habituels en supprimant algorithmes cachés et mise en avant des photos. Créée par l’ingénieur havelangeois Martin Braquet, elle permet de rechercher des profils selon les valeurs et centres d’intérêt, pour des relations amicales, professionnelles ou romantiques. Pensée comme une « bibliothèque » de profils accessible par filtres, Compass vise à recréer du lien social. Gratuite, sans publicité, elle compte déjà un peu plus de 400 utilisateurs.",
   "press.no_articles": "Aucun article de presse disponible pour le moment. Veuillez réessayer ultérieurement.",
   "languages.en": "Anglais",
   "languages.fr": "Français",

web/pages/press.tsx

@@ -4,47 +4,57 @@ import {useLocale, useT} from "web/lib/locale";
 import Link from "next/link";
 
 type PressItem = {
+  id: number;
   title: string;
   source: string;
   date: string;
   url: string;
+  summary?: string;
   language: 'en' | 'fr' | 'de';
 };
 
 const pressItems: PressItem[] = [
   {
+    id: 4,
     title: 'Un Havelangeois lance Compass, une appli de rencontre qui mise avant tout sur la personnalité : "Les recherches se font via des mots-clés spécifiques"',
     source: 'La DH',
     date: '2026-01-21',
     url: 'https://www.dhnet.be/regions/namur/2026/01/21/un-havelangeois-lance-compass-une-appli-de-rencontre-qui-mise-avant-tout-sur-la-personnalite-les-recherches-se-font-via-des-mots-cles-specifiques-6ZBEE4GNVZHHZBWH5PFXNLD4WI/',
+    summary: 'Belgian and local article about the beginnings of Compass. Developed in just eight weeks and offered for free, Compass stands out from mainstream apps by eliminating hidden algorithms and swiping mechanisms, favoring instead a keyword-based search focused on values, interests, and personality, with photos being secondary. As an open-source project, Compass embraces a non-profit, community-driven approach. Four months after launch, it counts just over 400 users, with ambitions to reach a critical local mass.',
     language: 'fr',
   },
   {
+    id: 3,
     title: 'Un Havelangeois lance Compass, une appli de rencontre qui mise avant tout sur la personnalité : "Les recherches se font via des mots-clés spécifiques"',
     source: "L'Avenir",
     date: '2026-01-21',
     url: 'https://www.lavenir.net/regions/namur/2026/01/21/un-havelangeois-lance-compass-une-appli-de-rencontre-qui-mise-avant-tout-sur-la-personnalite-les-recherches-se-font-via-des-mots-cles-specifiques-LPAHVUX5VFAOFGZ4X3UJDXZD2Q/',
     language: 'fr',
-    //   TODO: add unpaywalled PDF, word or txt
   },
   {
+    id: 2,
     title: 'Martin Braquet, un jeune ingénieur havelangeois, sort son appli de rencontre éthique.',
-    source: 'Matélé (Facebook Reel)',
+    source: 'Matélé',
     date: '2026-01-17',
     url: 'https://www.facebook.com/reel/757129776892904',
+    summary: 'Short video (Facebook Reel) showcasing Compass in a fun and dynamic way. Martin Braquet, a young engineer from Havelange, introduces his ethical dating app. This is a different approach. Compass is non-profit, designed to create connections. The platform is open, collaborative, with no opaque algorithms. And without the pressure of profile photos.',
     language: 'fr',
   },
   {
+    id: 1,
     title: 'Une application qui réinvente les rencontres en ligne développée par un Havelangeois',
-    source: 'Matélé (Video Reportage)',
+    source: 'Matélé',
     date: '2026-01-15',
     url: 'https://www.matele.be/une-application-qui-reinvente-les-rencontres-en-ligne-developpee-par-un-havelangeois',
+    summary: 'Belgian and local video report describing Compass as an open-source platform that sits between a dating app and a social network, breaking with conventional approaches by eliminating hidden algorithms and the emphasis on photos. Created by engineer Martin Braquet from Havelange, it allows users to search profiles based on values and interests for friendly, professional, or romantic relationships. Designed as a sort of "library" of profiles with filtering capabilities, Compass aims to recreate social connections. Free, ad-free, and already with over 400 users.',
     language: 'fr',
   },
 ];
 
-const PressItem = ({item}: { item: PressItem, locales: Intl.LocalesArgument }) => (
-  <div className="mb-8 px-6 pb-4 border border-canvas-200 rounded-lg shadow-md hover:shadow-lg transition-shadow">
+const PressItem = ({item}: { item: PressItem, locales: Intl.LocalesArgument }) => {
+  const t = useT()
+  return <div
+    className="mb-8 px-6 pb-4 border border-canvas-200 rounded-lg shadow-md hover:shadow-lg transition-shadow">
     <h3 className="text-xl font-semibold mb-2">
       <Link href={item.url} target="_blank" rel="noopener noreferrer" className="hover:underline">
         {item.title}
@@ -55,13 +65,16 @@ const PressItem = ({item}: { item: PressItem, locales: Intl.LocalesArgument }) =
       {/*<span>{new Date(item.date).toLocaleDateString(locales, { year: 'numeric', month: 'long', day: 'numeric' })}</span>*/}
       <span>{item.date}</span>
     </div>
+    {item.summary &&
+        <p><b>{t('press.summary', 'Summary (Compass editorial)')}</b>: {t(`press.summary.${item.id}`, item.summary)}
+        </p>}
     {/*<div className="mt-2">*/}
     {/*  <span className="inline-block px-2 py-1 text-xs rounded-full">*/}
     {/*    {item.language.toUpperCase()}*/}
     {/*  </span>*/}
     {/*</div>*/}
   </div>
-);
+}
 
 export default function PressPage() {
   const t = useT();