initialisation du projet

frontend/src/pages/Admin.jsx

@@ -0,0 +1,71 @@
+const MOCK_STATS = {
+  totalParticipants: 1248,
+  gainsRemis: 342,
+  gainsEnAttente: 906,
+  tauxParticipation: '78%',
+}
+
+const MOCK_USERS = [
+  { id: 1, name: 'Jean Dupont', email: 'jean.dupont@email.com', gains: 2 },
+  { id: 2, name: 'Marie Martin', email: 'marie.martin@email.com', gains: 1 },
+  { id: 3, name: 'Paul Bernard', email: 'paul.bernard@email.com', gains: 3 },
+]
+
+export default function Admin() {
+  return (
+    <div className="min-h-screen bg-gray-50 p-6">
+      <div className="max-w-4xl mx-auto">
+        <h1 className="text-2xl font-bold text-gray-800 mb-6">Tableau de bord Admin</h1>
+
+        {/* Stats */}
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
+          {[
+            { label: 'Participants', value: MOCK_STATS.totalParticipants },
+            { label: 'Gains remis', value: MOCK_STATS.gainsRemis },
+            { label: 'En attente', value: MOCK_STATS.gainsEnAttente },
+            { label: 'Taux participation', value: MOCK_STATS.tauxParticipation },
+          ].map((stat) => (
+            <div key={stat.label} className="bg-white rounded-xl shadow p-4 text-center">
+              <p className="text-2xl font-bold text-green-700">{stat.value}</p>
+              <p className="text-sm text-gray-500 mt-1">{stat.label}</p>
+            </div>
+          ))}
+        </div>
+
+        {/* Tirage au sort */}
+        <div className="bg-white rounded-xl shadow p-6 mb-6">
+          <h2 className="text-lg font-bold text-gray-800 mb-3">Grand tirage au sort</h2>
+          <button
+            onClick={() => alert('TODO: connecter au backend')}
+            className="bg-green-700 hover:bg-green-800 text-white font-semibold px-6 py-2.5 rounded-lg transition-colors"
+          >
+            Lancer le tirage
+          </button>
+        </div>
+
+        {/* Liste participants */}
+        <div className="bg-white rounded-xl shadow p-6">
+          <h2 className="text-lg font-bold text-gray-800 mb-4">Participants</h2>
+          <table className="w-full text-sm">
+            <thead>
+              <tr className="text-left text-gray-500 border-b">
+                <th className="pb-2">Nom</th>
+                <th className="pb-2">Email</th>
+                <th className="pb-2 text-right">Gains</th>
+              </tr>
+            </thead>
+            <tbody>
+              {MOCK_USERS.map((user) => (
+                <tr key={user.id} className="border-b last:border-0">
+                  <td className="py-3 font-medium text-gray-800">{user.name}</td>
+                  <td className="py-3 text-gray-500">{user.email}</td>
+                  <td className="py-3 text-right text-green-700 font-semibold">{user.gains}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  )
+}