torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: Harheimer TC Website

Browse Source 
- Vue 3 + Nuxt 3 Framework
- Tailwind CSS Styling
- Responsive Design mit schwarz-roten Vereinsfarben
- Dynamische Galerie mit Lightbox
- Event-Management über CSV-Dateien
- Mannschaftsübersicht mit dynamischen Seiten
- SMTP-Kontaktformular
- Google Maps Integration
- Mobile-optimierte Navigation mit Submenus
- Trainer-Übersicht
- Vereinsmeisterschaften, Spielsysteme, TT-Regeln
- Impressum mit Datenschutzerklärung
This commit is contained in:
Torsten Schulz (local)
2025-10-21 00:41:12 +02:00
commit 737c3064bd
61 changed files with 25816 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
pages/mannschaften/index.vue Normal file
View File

@@ -0,0 +1,93 @@
<template>
<div class="min-h-full py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
Unsere Mannschaften
</h1>
<div class="w-24 h-1 bg-primary-600 mb-8" />
<p class="text-xl text-gray-600 mb-12">
Unsere aktiven Mannschaften in der Saison 2025/26
</p>
<MannschaftenUebersicht />
<div class="mt-16">
<h2 class="text-3xl font-display font-bold text-gray-900 mb-8 text-center">
Weitere Informationen
</h2>
<div class="grid md:grid-cols-3 gap-8">
<NuxtLink
to="/mannschaften/herren"
class="group bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all border border-gray-100 hover:border-primary-600"
>
<div class="w-16 h-16 bg-gradient-to-br from-primary-500 to-primary-700 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform">
<Users :size="32" class="text-white" />
</div>
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">
Herren
</h3>
<p class="text-gray-600">
3 Mannschaften in verschiedenen Ligen
</p>
</NuxtLink>
<NuxtLink
to="/mannschaften/damen"
class="group bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all border border-gray-100 hover:border-primary-600"
>
<div class="w-16 h-16 bg-gradient-to-br from-primary-500 to-primary-700 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform">
<Users :size="32" class="text-white" />
</div>
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">
Damen
</h3>
<p class="text-gray-600">
1 Mannschaft in der Bezirksliga
</p>
</NuxtLink>
<NuxtLink
to="/mannschaften/jugend"
class="group bg-white p-8 rounded-xl shadow-lg hover:shadow-2xl transition-all border border-gray-100 hover:border-primary-600"
>
<div class="w-16 h-16 bg-gradient-to-br from-primary-500 to-primary-700 rounded-xl flex items-center justify-center mb-4 group-hover:scale-110 transition-transform">
<Users :size="32" class="text-white" />
</div>
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">
Jugend
</h3>
<p class="text-gray-600">
2 Jugendmannschaften
</p>
</NuxtLink>
</div>
<div class="mt-12 bg-primary-50 p-8 rounded-xl border border-primary-100">
<h3 class="text-2xl font-display font-bold text-gray-900 mb-4">
Spielpläne & Ergebnisse
</h3>
<p class="text-gray-600 mb-6">
Alle aktuellen Spielpläne und Ergebnisse unserer Mannschaften finden Sie hier.
</p>
<NuxtLink
to="/mannschaften/spielplaene"
class="inline-flex items-center px-6 py-3 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors"
>
Zu den Spielplänen
</NuxtLink>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { Users } from 'lucide-vue-next'
import MannschaftenUebersicht from '~/components/MannschaftenUebersicht.vue'
useHead({
title: 'Mannschaften - Harheimer TC',
})
</script>