Restructure Organization, Social, and Stats pages with new card-based layouts, improved styling, and enhanced loading states for better readability and UX.

Author: MartinBraquet

android/app/build.gradle

@@ -11,7 +11,7 @@ android {
         applicationId "com.compassconnections.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 99
+        versionCode 100
         versionName "1.21.1"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {

common/messages/de.json

@@ -643,6 +643,7 @@
   "organization.contact": "Kontakt",
   "organization.contactSection.desc": "Brauchen Sie Hilfe oder möchten Sie uns erreichen? Hier geht es los.",
   "organization.contactSection.title": "Kontakt & Support",
+  "organization.eyebrow": "Compass",
   "organization.financials": "Finanzen",
   "organization.help": "Hilfe",
   "organization.privacy": "Datenschutzrichtlinie",
@@ -651,7 +652,9 @@
   "organization.security": "Sicherheit",
   "organization.seo.description": "Organisation",
   "organization.seo.title": "Organisation",
+  "organization.sections.label": "Entdecken",
   "organization.stats": "Wachstum & Statistiken",
+  "organization.subtitle": "Alles über die transparente Verwaltung, Leitung und Entwicklung von Compass.",
   "organization.support": "Support",
   "organization.terms": "Allgemeine Geschäftsbedingungen",
   "organization.title": "Organisation",
@@ -1277,30 +1280,45 @@
   "social.dev.title": "Entwicklung",
   "social.discord": "Discord",
   "social.email_button": "E-Mail",
+  "social.eyebrow": "Bleiben Sie verbunden",
   "social.follow.desc": "Bleiben Sie über Ankündigungen und Nachrichten informiert.",
   "social.follow.title": "Folgen & Updates",
   "social.github": "GitHub",
+  "social.instagram": "Instagram",
   "social.reddit": "Reddit",
   "social.seo.description": "Soziale Netzwerke",
   "social.seo.title": "Soziale Netzwerke",
+  "social.sections.label": "Unsere Kanäle",
   "social.stoat": "Revolt / Stoat",
+  "social.subtitle": "Finden Sie uns im Internet — nehmen Sie an Diskussionen teil, verfolgen Sie Updates oder sagen Sie einfach Hallo.",
   "social.title": "Soziale Netzwerke",
   "social.x": "X",
   "star_button.save": "Profil speichern",
   "star_button.unsave": "Profil nicht mehr speichern",
   "stats.active_members": "Aktive Mitglieder (letzter Monat)",
+  "stats.chart.subtitle": "Gesamt- und vollständige Profile im Zeitverlauf",
+  "stats.chart.title": "Mitgliederwachstum",
   "stats.compatibility_prompts": "Kompatibilitätsfragen",
   "stats.discussions": "Diskussionen",
   "stats.endorsements": "Empfehlungen",
+  "stats.eyebrow": "Transparenz",
   "stats.gender_ratio": "Geschlechterverteilung",
+  "stats.group.community": "Community",
+  "stats.group.compatibility": "Kompatibilität",
+  "stats.group.conversations": "Gespräche",
+  "stats.group.democracy": "Demokratie",
   "stats.members": "Mitglieder",
   "stats.messages": "Nachrichten",
   "stats.number_members": "Anzahl der Mitglieder",
   "stats.prompts_answered": "Beantwortete Fragen",
   "stats.proposals": "Vorschläge",
+  "stats.highlight.active": "Aktiv (letzter Monat)",
+  "stats.highlight.members": "Mitglieder gesamt",
+  "stats.highlight.messages": "Nachrichten gesendet",
   "stats.searches_bookmarked": "Gespeicherte Suchen",
   "stats.seo.description": "Statistiken",
   "stats.seo.title": "Statistiken",
+  "stats.subtitle": "Echte Zahlen. Kein Spin. Compass wird transparent aufgebaut — hier ist genau, wie wir wachsen.",
   "stats.title": "Wachstum und Statistiken",
   "stats.total": "Gesamt",
   "stats.votes": "Stimmen",

common/messages/fr.json

@@ -14,8 +14,8 @@
   "about.block.keyword.title": "Recherche par mots-clés",
   "about.block.mission.text": "Notre unique mission est de créer plus de relations humaines authentiques, et chaque décision doit servir cet objectif.",
   "about.block.mission.title": "Une mission",
-  "about.block.notify.text": "Plus besoin de vérifier constamment l'application ! Nous vous contacterons lorsque de nouveaux utilisateurs correspondent à vos recherches.",
-  "about.block.notify.title": "Recevez des notifications de recherches",
+  "about.block.notify.text": "Plus besoin de vérifier constamment l'application ! Nous to contacterons lorsque de nouveaux utilisateurs correspondent à tes recherches.",
+  "about.block.notify.title": "Reçois des notifications de recherches",
   "about.block.personality.text": "Valeurs et centres d'intérêt d'abord, les photos sont secondaires.",
   "about.block.personality.title": "Centré sur la personnalité",
   "about.block.press.link": "ici",
@@ -642,6 +642,7 @@
   "organization.contact": "Contact",
   "organization.contactSection.desc": "Besoin d'aide ou de nous contacter ? Commencez ici.",
   "organization.contactSection.title": "Contact & support",
+  "organization.eyebrow": "Compass",
   "organization.financials": "Finances",
   "organization.help": "Aide",
   "organization.privacy": "Politique de confidentialité",
@@ -650,7 +651,9 @@
   "organization.security": "Sécurité",
   "organization.seo.description": "Organisation",
   "organization.seo.title": "Organisation",
+  "organization.sections.label": "Explorer",
   "organization.stats": "Croissance & Statistiques",
+  "organization.subtitle": "Tout sur la manière dont Compass est géré, dirigé et construit — de façon transparente.",
   "organization.support": "Support",
   "organization.terms": "Conditions générales",
   "organization.title": "Organisation",
@@ -1276,30 +1279,45 @@
   "social.dev.title": "Développement",
   "social.discord": "Discord",
   "social.email_button": "E‑mail",
+  "social.eyebrow": "Rejoignez-nous",
   "social.follow.desc": "Restez informé des annonces et actualités.",
   "social.follow.title": "Annonces & Mises à jour",
   "social.github": "GitHub",
+  "social.instagram": "Instagram",
   "social.reddit": "Reddit",
   "social.seo.description": "Réseaux sociaux",
   "social.seo.title": "Réseaux sociaux",
+  "social.sections.label": "Nos chaînes",
   "social.stoat": "Revolt / Stoat",
+  "social.subtitle": "Retrouvez-nous sur le web — rejoignez la conversation, suivez les actualités ou dites bonjour.",
   "social.title": "Réseaux sociaux",
   "social.x": "X",
   "star_button.save": "Enregistrer le profil",
   "star_button.unsave": "Ne plus enregistrer le profil",
   "stats.active_members": "Membres actifs (le mois dernier)",
+  "stats.chart.subtitle": "Profils partiels et complétés au fil du temps",
+  "stats.chart.title": "Croissance des membres",
   "stats.compatibility_prompts": "Questions de compatibilité",
   "stats.discussions": "Discussions",
   "stats.endorsements": "Recommandations",
-  "stats.gender_ratio": "Répartition Hommes / Femmes",
+  "stats.eyebrow": "Transparence",
+  "stats.gender_ratio": "Hommes / Femmes",
+  "stats.group.community": "Communauté",
+  "stats.group.compatibility": "Compatibilité",
+  "stats.group.conversations": "Conversations",
+  "stats.group.democracy": "Démocratie",
   "stats.members": "Membres",
   "stats.messages": "Messages",
   "stats.number_members": "Nombre de membres",
   "stats.prompts_answered": "Questions répondues",
   "stats.proposals": "Propositions",
+  "stats.highlight.active": "Actifs (dernier mois)",
+  "stats.highlight.members": "Membres",
+  "stats.highlight.messages": "Messages envoyés",
   "stats.searches_bookmarked": "Recherches mises en favoris",
   "stats.seo.description": "Statistiques",
   "stats.seo.title": "Statistiques",
+  "stats.subtitle": "Des chiffres réels. Sans filtre. Compass est construit en toute transparence — voici exactement comment nous grandissons.",
   "stats.title": "Croissance et statistiques",
   "stats.total": "Total",
   "stats.votes": "Votes",

web/components/contact.tsx

@@ -25,7 +25,7 @@ export function ContactComponent() {
   const showButton = !!editor?.getText().length
 
   return (
-    <Col className="mx-2">
+    <Col className="max-w-3xl mx-auto">
       <Title className="!mb-2 text-3xl">{t('contact.title', 'Contact')}</Title>
       <p className={'custom-link mb-4'}>
         {t('contact.intro_prefix', 'You can also contact us through this ')}