diff --git a/frontend/index.html b/frontend/index.html
index ffd6d36..e7bcf47 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,10 +1,57 @@
-
+
-
-
- Melde dich an, um deine Vereine und Trainingsaktivitäten zu verwalten.
-
-
-
- 🔐
- Einloggen
+
+
+ Vereinsverwaltung, Trainingsplanung und Turniere – alles an einem Ort
+
+ Das TrainingsTagebuch hilft Vereinen und Trainerinnen/Trainern, Mitglieder zu verwalten, Trainings zu dokumentieren,
+ Spielpläne zu organisieren und Ergebnisse auszuwerten – DSGVO‑konform und einfach zu bedienen.
+
+
+
+ 🚀
+ Kostenlos starten
+
+
+ 🔐
+ Einloggen
+
+
+
+ - ✔️ Mitglieder- und Gruppenverwaltung
+ - ✔️ Trainings‑ und Turnierplanung
+ - ✔️ Trainingsstatistiken und Auswertungen
+ - ✔️ Rollen, Freigaben und sichere Zugriffe
+
+
+
+
+ Was kannst du mit dem TrainingsTagebuch machen?
+
+
+
👥
+
Mitglieder verwalten
+
+ Erstelle Mitgliedsprofile, bilde Gruppen und halte Kontakt‑ und Freigabestände aktuell.
+
+
+
+
+
📝
+
Trainingstagebuch führen
+
+ Dokumentiere Inhalte, Umfang und Anwesenheiten jeder Einheit – nachvollziehbar und strukturiert.
+
+
+
+
+
📅
+
Spielpläne organisieren
+
+ Plane Spiele, Turniere und Veranstaltungen inklusive Gruppen, Runden und Ergebnissen.
+
+
+
+
+
📊
+
Statistiken & Auswertung
+
+ Erhalte Trainings‑ und Teilnahmeübersichten, erkenne Entwicklung und plane gezielt.
+
+
+
+
+
🔒
+
Sicherheit & DSGVO
+
+ Datenschutzfreundliche Architektur, Freigaben durch Mitglieder und transparente Zugriffe.
+
+
+
+
+
⚙️
+
Vordefinierte Aktivitäten
+
+ Nutze Vorlagen für wiederkehrende Übungen und beschleunige deine Dokumentation.
+
+
+
+
+
+
+ So funktioniert es
+
+
+
1
+
Registrieren
+
Lege kostenlos einen Account an und aktiviere ihn per E‑Mail.
+
+
+
2
+
Verein anlegen
+
Erstelle deinen Verein, lade Mitglieder ein und richte Gruppen ein.
+
+
+
3
+
Planen & dokumentieren
+
Plane Termine, dokumentiere Trainings und verfolge Fortschritte.
+
+
+
+
+
+ Für wen ist das TrainingsTagebuch?
+
+ Das TrainingsTagebuch ist die zentrale Plattform für Vereine, Abteilungen und Trainerteams.
+ Es vereint Mitgliederverwaltung, Trainingsplanung, Spiel‑ und Turnierorganisation sowie aussagekräftige
+ Statistiken in einer modernen Web‑Anwendung. Durch klare Rollen und Freigaben behalten Verantwortliche die
+ Kontrolle, während Mitglieder selbstbestimmt mitwirken können. Ideal für Mannschafts‑, Racket‑ und
+ Individualsportarten – vom Nachwuchs bis zum Leistungsbereich.
+
+
+
+
+ Häufige Fragen
+
+ Ist die Nutzung kostenlos?
+ Ja, du kannst kostenlos starten. Erweiterungen können später folgen.
+
+
+ Wie steht es um den Datenschutz?
+ Wir setzen auf Datensparsamkeit, transparente Freigaben und rollenbasierte Zugriffe.
+
+
+ Benötige ich eine Installation?
+ Nein, es handelt sich um eine Web‑Anwendung. Du nutzt sie direkt im Browser.
+
+
+
+
+
+ ✅
+ Jetzt kostenlos registrieren
-
- 📝
- Registrieren
+
+ 🔐
+ Ich habe schon einen Account
+
👋
@@ -121,6 +244,46 @@ export default {
gap: 1.25rem;
}
+.marketing {
+ display: flex;
+ flex-direction: column;
+ gap: 2rem;
+ text-align: left;
+}
+
+.hero {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 1rem;
+}
+
+.hero-title {
+ font-size: 1.875rem;
+ line-height: 1.3;
+ text-align: center;
+ margin: 0.25rem 0 0.25rem 0;
+ color: var(--text-primary);
+}
+
+.hero-subtitle {
+ font-size: 1rem;
+ color: var(--text-secondary);
+ max-width: 780px;
+ text-align: center;
+ margin: 0;
+}
+
+.hero-bullets {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 0.5rem 1rem;
+ list-style: none;
+ padding: 0;
+ margin: 0.75rem 0 0 0;
+ color: var(--text-secondary);
+}
+
.message-text, .welcome-text {
font-size: 1rem;
color: var(--text-secondary);
@@ -226,6 +389,59 @@ export default {
font-size: 0.9rem;
}
+/* How it works */
+.how-it-works .steps {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 1rem;
+}
+
+.step {
+ border: 1px solid var(--border-color);
+ border-radius: var(--border-radius);
+ padding: 1rem;
+ background: white;
+}
+
+.step-number {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ background: var(--primary-light);
+ color: var(--primary-color);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 700;
+ margin-bottom: 0.5rem;
+}
+
+.step-title {
+ margin: 0 0 0.25rem 0;
+ font-size: 1rem;
+}
+
+.seo-copy .long-text {
+ max-width: 900px;
+ margin: 0 auto;
+ color: var(--text-secondary);
+}
+
+.faq details {
+ border: 1px solid var(--border-color);
+ border-radius: var(--border-radius);
+ background: white;
+ padding: 0.75rem 1rem;
+ margin-bottom: 0.5rem;
+}
+
+.cta-bottom {
+ display: flex;
+ gap: 0.75rem;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
/* Responsive Design */
@media (max-width: 768px) {
.home-container {
diff --git a/frontend/src/views/Impressum.vue b/frontend/src/views/Impressum.vue
new file mode 100644
index 0000000..936847f
--- /dev/null
+++ b/frontend/src/views/Impressum.vue
@@ -0,0 +1,65 @@
+
+
+
Impressum
+
Zur Startseite
+
+ Diensteanbieter
+
+ Torsten Schulz
+ Friedrich-Stampfer-Str. 21
+ 60437 Frankfurt
+ Deutschland
+
+
+
+
+ Vertretungsberechtigte Person
+
+ Torsten Schulz
+
+
+
+ Umsatzsteuer-ID
+
+ Keine USt-IdNr. vorhanden (privat)
+
+
+
+ Inhaltlich Verantwortlicher
+
+ Torsten Schulz (Anschrift wie oben)
+
+
+
+
+
+
+
+