Statistiques réelles sur la page d'accueil et le pied de page

Le nombre d'entreprises membres et de rencontres organisées provient
maintenant des données réelles (nombre de membres validés, nombre de
rencontres passées) au lieu de chiffres codés en dur. Le nombre de
membres est aussi affiché dans le pied de page.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fkg15RCxNgUys4ru73He2o

web/src/components/Footer.jsx

@@ -1,8 +1,12 @@
 import { Link } from 'react-router-dom';
+import { usePublicData } from '../lib/usePublic.js';
 
 const linkStyle = { color: '#B7AFA6', fontSize: 14, textDecoration: 'none' };
 
 export default function Footer() {
+  const { data } = usePublicData();
+  const memberCount = data?.members?.length ?? 0;
+
   return (
     <footer style={{ background: 'var(--footer)', color: '#B7AFA6', padding: '64px 0 34px' }}>
       <div className="container grid-4" style={{ gridTemplateColumns: '1.6fr 1fr 1fr 1fr', gap: 40 }}>
@@ -20,6 +24,9 @@ export default function Footer() {
           <p style={{ fontSize: 14, lineHeight: 1.65, maxWidth: 320 }}>
             Le réseau d'affaires des partenaires du SLUC Nancy Basket. Le business se joue en équipe.
           </p>
+          <div style={{ marginTop: 16, fontSize: 14 }}>
+            <strong style={{ color: '#fff' }}>{memberCount}</strong> entreprises membres
+          </div>
         </div>
         <div>
           <div style={{ fontSize: 12, letterSpacing: '.14em', textTransform: 'uppercase', color: '#6E675F', fontWeight: 600, marginBottom: 16 }}>

web/src/pages/Home.jsx

@@ -121,7 +121,7 @@ export default function Home() {
             </Link>
           </div>
           <div style={{ display: 'flex', gap: 42, marginTop: 54, paddingTop: 34, borderTop: '1px solid var(--border)' }}>
-            {[['85', 'entreprises membres'], ['12', 'rencontres / an'], ['30 ans', 'de partenariat']].map(([n, l]) => (
+            {[[String(members.length), 'entreprises membres'], [String(passees.length), 'rencontres organisées'], ['30 ans', 'de partenariat']].map(([n, l]) => (
               <div key={l}>
                 <div className="serif" style={{ fontSize: 34, fontWeight: 600 }}>{n}</div>
                 <div style={{ fontSize: 13, color: 'var(--gray-light)', marginTop: 2 }}>{l}</div>