inital

frontend/src/pages/Mitglieder.tsx

@@ -0,0 +1,69 @@
+import {
+  Container,
+  Typography,
+  Card,
+  CardContent,
+  Box,
+} from '@mui/material';
+import { People } from '@mui/icons-material';
+import DashboardLayout from '../components/dashboard/DashboardLayout';
+
+function Mitglieder() {
+  return (
+    <DashboardLayout>
+      <Container maxWidth="lg">
+        <Typography variant="h4" gutterBottom sx={{ mb: 4 }}>
+          Mitgliederverwaltung
+        </Typography>
+
+        <Card>
+          <CardContent>
+            <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
+              <People color="primary" sx={{ fontSize: 48, mr: 2 }} />
+              <Box>
+                <Typography variant="h6">Mitglieder</Typography>
+                <Typography variant="body2" color="text.secondary">
+                  Diese Funktion wird in Kürze verfügbar sein
+                </Typography>
+              </Box>
+            </Box>
+            <Box sx={{ mt: 3 }}>
+              <Typography variant="body1" color="text.secondary" paragraph>
+                Geplante Features:
+              </Typography>
+              <ul>
+                <li>
+                  <Typography variant="body2" color="text.secondary">
+                    Mitgliederliste mit Kontaktdaten
+                  </Typography>
+                </li>
+                <li>
+                  <Typography variant="body2" color="text.secondary">
+                    Qualifikationen und Lehrgänge
+                  </Typography>
+                </li>
+                <li>
+                  <Typography variant="body2" color="text.secondary">
+                    Anwesenheitsverwaltung
+                  </Typography>
+                </li>
+                <li>
+                  <Typography variant="body2" color="text.secondary">
+                    Dienstpläne und -einteilungen
+                  </Typography>
+                </li>
+                <li>
+                  <Typography variant="body2" color="text.secondary">
+                    Atemschutz-G26 Untersuchungen
+                  </Typography>
+                </li>
+              </ul>
+            </Box>
+          </CardContent>
+        </Card>
+      </Container>
+    </DashboardLayout>
+  );
+}
+
+export default Mitglieder;