<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">
        Herrenmannschaften
      </h1>
      <div class="w-24 h-1 bg-primary-600 mb-8" />
      
      <div class="space-y-8">
        <div class="bg-white p-8 rounded-xl shadow-lg">
          <h3 class="text-2xl font-display font-bold text-gray-900 mb-4">
            1. Herren
          </h3>
          <p class="text-gray-600 mb-4">
            Liga: Bezirksoberliga
          </p>
          <p class="text-gray-600">
            Mannschaftsführer: Name folgt
          </p>
        </div>

        <div class="bg-white p-8 rounded-xl shadow-lg">
          <h3 class="text-2xl font-display font-bold text-gray-900 mb-4">
            2. Herren
          </h3>
          <p class="text-gray-600 mb-4">
            Liga: Bezirksliga
          </p>
          <p class="text-gray-600">
            Mannschaftsführer: Name folgt
          </p>
        </div>

        <div class="bg-white p-8 rounded-xl shadow-lg">
          <h3 class="text-2xl font-display font-bold text-gray-900 mb-4">
            3. Herren
          </h3>
          <p class="text-gray-600 mb-4">
            Liga: Kreisliga
          </p>
          <p class="text-gray-600">
            Mannschaftsführer: Name folgt
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
useHead({
  title: 'Herrenmannschaften - Harheimer TC',
})
</script>

